加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
jinyifei.html 88.87 KB
一键复制 编辑 原始数据 按行查看 历史
陌谦 提交于 2018-12-15 21:37 . 1
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>2018 FIFA world cup</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/jinyifei.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name=”viewport” content=”width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>
<script src="main.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css"media="screen and (max-device-width:400px)"href="tinyScreen.css" />
<!-- <script>
var deviceWidth=$(window).outerWidth();
if(deviceWidth>640){
$("html").css("font-size","100px");
}else{
$("html").css("font-size",deviceWidth/640*100+'px');
}</script> -->
<script>
window.onload = function () {
var oBtn1 = document.getElementById("btn1");
var oBtn2 = document.getElementById("btn2");
var oBox = document.getElementById("boxx");
var oImg = document.getElementById("img");
var oText1 = document.getElementById("text1");
var p1 = document.getElementById("p1");
var oText2 = document.getElementById("text2");
var oPrev = document.getElementById("prev");
var oNext = document.getElementById("next");
var arrSrc = ["images/sjb-1.PNG", "images/sjb-2.PNG", "images/sjb-3.PNG", "images/sjb-4.PNG", "images/sjb-5.PNG", "images/sjb-6.PNG"];
var arrTxt = ["1930年第一届世界杯在乌拉圭举行,东道主乌拉圭夺得冠军", "1954年第五届世界杯在瑞士举行,日耳曼战车德国夺得冠军", "1974年第十届世界杯在德国举行,日耳曼战车德国夺得冠军", "1994年第十五届世界杯在瑞士举行,桑巴军团巴西夺得冠军", "2002年第十七届世界杯在韩日举行,中国男子国家队挺进世界杯决赛圈,举国欢庆", "2014年第二十届世界杯在巴西举行,日耳曼战车德国夺得冠军"];
var num = 0;
var onOff = true; //true 循环 false 走顺序
function fn() { //开始先定义一个公共函数方便下面调用
oImg.src = arrSrc[num]; //图片的显示路径
oText1.innerHTML = num + 1 + "/" + arrTxt.length; //图中二号位置的数字显示
oText2.innerHTML = arrTxt[num]; //图中三号位置的文字显示
}
fn(); /*切记,定义之后,这里一定要调用一下*/
//循环按钮
oBtn1.onclick = function () {
onOff = true;
p1.innerHTML = "图片会循环"
};
//顺序按钮
oBtn2.onclick = function () {
onOff = false;
p1.innerHTML = "图片按顺序走"
};
oPrev.onclick = function () {
num--; //点击左边的箭头那么就是num--
if (onOff) { //onOff默认是true所以就是走循环了
if (num == -1) { //在一直减的过程中,数组里最小的就是0,所以等于-1的时候要循环下去所以让它显示最后一张
num = arrSrc.length - 1;
}
} else { //否则onOff是false所以就是走顺序了
if (num == -1) { //在一直减的过程中,数组里最小的就是0,所以等于-1的时候没有数据走了,所以让它显示第一张不能点击了
num = 0;
alert("已经是第一张了")
}
}
fn(); //判断好之后记得调用函数
};
//相反下面就是点击左边的箭头所做出的判断,道理同上
oNext.onclick = function () {
num++;
if (onOff) {
if (num == arrTxt.length) {
num = 0;
}
} else {
if (num == arrTxt.length) {
num = arrSrc.length - 1;
alert("已经是最后一张了")
}
}
fn();
}
}
</script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#banner").slideToggle("slow");
});
});
</script>
</script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function click_scroll(){
var scroll_offset = $(".his").offset().top;
$("body,html").animate({
scrollTop: scroll_offset 
}, 800);//800 控制点击滚动条向下滑动的速度(越大越慢)
}
function click_scroll2() {
var scroll_offset = $(".sjbzj").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 800);
}
function click_scroll3() {
var scroll_offset = $(".con").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 800);
}
function click_scroll4() {
var scroll_offset = $(".jdjx").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 800);
}
function click_scroll5() {
var scroll_offset = $(".daditu").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 800);
}
function click_scroll6() {
var scroll_offset = $(".boxxwai").offset().top;
$("body,html").animate({
scrollTop: scroll_offset
}, 800);
}
</script>
</head>
<body>
<div class="bg">
<div class="top">
<ul style="height: 100%;">
<li onclick="click_scroll5()">
<span>
<a href="checkJump.html"> <i style="color:red">返回主页</i>
<b style="color:red">Click Go</b></a>
</span>
</li>
<li onclick="click_scroll6()"><span>
<i>世界杯史话</i>
<b>Click Go</b>
</span>
</li>
<li onclick="click_scroll4()">
<span id="span">
<i>绝对巨星</i>
<b >Click Go</b>
</span>
</li>
<li onclick="click_scroll2()">
<span class="span">
<i>世界杯足迹</i>
<b >Click Go</b>
</span>
</li>
<li onclick="click_scroll3()">
<span>
<i>多彩世界杯</i>
<b>Click Go</b>
</span></li>
<li onclick="click_scroll()">
<span id="soanth">
<i>图享时刻</i>
<b>Click Go</b>
</span></li>
<li><span class="soanth" >
<i>小组</i>
<b id="flip">Show</b>
</span></li>
<div id="panel" style=" background: rgba(255, 255, 255, 0.89);
z-index: 998;
height: 641%;
width: 100%;
top: 100%;
position: absolute;
display: none;">
<ul id="banner" style=" font-size: 15px;
height: 250px;
margin-left: 5%;
float: left;
position: absolute;
width: 95%;
/* top: 00%; */
border: none;" >
<li><a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; A</a> <br>
<img src="images/els.jpg" alt="">俄罗斯<br><br>
<img src="images/shatealabo.png" alt="">沙特阿拉伯<br><br>
<img src="images/aiji.png" alt="">埃及<br><br>
<img src="images/wlg.jpg" alt="">乌拉圭<br><br>
</li>
<li>
<a>&nbsp;&nbsp;&nbsp; B</a> <br>
<img src="images/pty.jpg" alt="">葡萄牙<br><br>
<img src="images/xby.jpg" alt="">西班牙<br><br>
<img src="images/moluoge.png" alt="">摩纳哥<br><br>
<img src="images/yl.jpg" alt="">伊朗<br><br>
</li>
<li>
<a>&nbsp;&nbsp;&nbsp; C</a> <br>
<img src="images/fg.jpg" alt="">法国<br><br>
<img src="images/adly.jpg" alt=""> 澳大利亚<br><br>
<img src="images/bilu.png" alt="">秘鲁<br><br>
<img src="images/danmai.png" alt="">丹麦<br><br>
</li>
<li>
<a>&nbsp;&nbsp;&nbsp; D</a> <br>
<img src="images/agt.jpg" alt="">阿根廷<br><br>
<img src="images/bingdao.png" alt="">冰岛<br><br>
<img src="images/kldy.jpg" alt="">克罗地亚<br><br>
<img src="images/nrly.jpg" alt="">尼日利亚<br><br>
<li>
<a>&nbsp;&nbsp;&nbsp; E</a> <br>
<img src="images/baxi.jpg" alt="">巴西<br><br>
<img src="images/rs.jpg" alt="">瑞士<br><br>
<img src="images/gsdlj.jpg" alt="">哥斯达黎加<br><br>
<img src="images/saierweiya.png" alt="">塞尔维亚<br><br>
</li>
<li>
<a>&nbsp;&nbsp;&nbsp; F</a> <br>
<img src="images/dg.jpg" alt="">德国<br><br>
<img src="images/mxg.jpg" alt="">墨西哥<br><br>
<img src="images/ruidian.png" alt="">瑞典<br><br>
<img src="images/hg.jpg" alt="">韩国<br><br>
</li>
<li>
<a>&nbsp;&nbsp;&nbsp; G</a> <br>
<img src="images/bls.jpg" alt="">比利时<br><br>
<img src="images/banama.png" alt="">巴拿马<br><br>
<img src="images/tunisi.png" alt="">突尼斯<br><br>
<img src="images/ygl.jpg" alt="">英格兰<br><br>
</li>
<li>
<a>&nbsp;&nbsp;&nbsp; H</a> <br>
<img src="images/bolan.png" alt="">波兰<br><br>
<img src="images/saineijiaer.png" alt="">塞内加尔<br><br>
<img src="images/glby.jpg" alt="">哥伦比亚<br><br>
<img src="images/rb.jpg" alt="">日本<br><br>
</li>
</ul>
</div>
</ul>
<!-- <p id="ppp" font-size20px;color:red;>
热血足球浇注青春</p> </div> -->
</div>
<!-- <div><button> <a style=" color: red;" href="checkJump.html"> 点击返回主页面</a></button></div> -->
</div>
<div class="his">
<div class="txsk" style="position: relative;
margin: 1% 0%;">
<img src="images/txsk.png" alt="">
</div>
<div class="b-box">
<div class="b b1">
<ul class="lst lst1">
<li><img src="足球/-78f751801680fc7f.jpg" alt="" /></li>
<li><img src="足球/-132de29d30e91060.jpg" alt="" /></li>
<li><img src="足球/1543136254167.jpeg" alt="" /></li>
<li><img src="足球/mmexport1543139368037.jpg" alt="" /></li>
<li><img src="足球/-5aa4c5bc6fb33c43.jpg" alt="" /></li>
<li><img src="足球/1543138489310.jpeg" alt="" /></li>
<li><img src="足球/1543138580702.jpeg" alt="" /></li>
<li><img src="足球/mmexport1543139362575.jpg" alt="" /></li>
</ul>
</div>
<div class=" b-right">
<div class="b b2">
<ul class="lst lst2">
<li><img src="足球/-132de29d30e91060.jpg" alt="" /></li>
<li><img src="足球/1543136254167.jpeg" alt="" /></li>
<li><img src="足球/mmexport1543139368037.jpg" alt="" /></li>
<li><img src="足球/-5aa4c5bc6fb33c43.jpg" alt="" /></li>
<li><img src="足球/1543138489310.jpeg" alt="" /></li>
<li><img src="足球/1543138580702.jpeg" alt="" /></li>
<li><img src="足球/mmexport1543139362575.jpg" alt="" /></li>
<li><img src="足球/-78f751801680fc7f.jpg" alt="" /></li>
</ul>
</div>
<div class="b3">
<ul class="lst lst3">
<li><img src="足球/1543136254167.jpeg" alt="" /></li>
<li><img src="足球/mmexport1543139368037.jpg" alt="" /></li>
<li><img src="足球/-5aa4c5bc6fb33c43.jpg" alt="" /></li>
<li><img src="足球/1543138489310.jpeg" alt="" /></li>
<li><img src="足球/1543138580702.jpeg" alt="" /></li>
<li><img src="足球/mmexport1543139362575.jpg" alt="" /></li>
<li><img src="足球/-78f751801680fc7f.jpg" alt="" /></li>
<li><img src="足球/-132de29d30e91060.jpg" alt="" /></li>
</ul>
</div>
</div>
<div class="cen">
<h3 class="cenTit">无兄弟,不足球</h3>
<p class="wrd">&nbsp;&nbsp;&nbsp;&nbsp; 足球的魅力不仅仅在于射门后的激情与欢呼,他更体现在与兄弟一起度过快乐的时光。足球是一个
考验团队协作的运动他需要的是兄弟之间的心有灵犀 ,彼此信任</a></p>
</div>
<span class="arr lef"></span>
<span class="arr rig"></span>
</div>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript">
$(function(){
$(".b").scrollable({
size:1,
items:".b ul",
loop:true,
next:".lef",
prev:".rig",
clickable:false,
circular:true
});
$(".b3").scrollable({
size:1,
items:".b3 ul",
loop:true,
next:".lef",
prev:".rig",
vertical:true,
clickable:false,
circular:true
});
})
</script>
<div style="text-align:center;clear:both">
</div>
</div >
<!-- /*第三板块*/ -->
<div class="con">
<div style="position: absolute;
left: 43%;
top: 3%;">
<img src="images/duocai.png" alt="" style="margin: 2% 0%;">
</div>
<div class="blo blo-ce">
<div class="sec-nav">
<ul>
<li id="xiaozusai">小组赛
<!-- <div>
<img src="images/xiaozusai.png" alt="">
</div> -->
</li>
<li id="juesai-5">1/8决赛
<!-- <div>
<img src="images/juesai-2.png" alt="">
</div> -->
</li>
<li id="juesai-4">1/4决赛
<!-- <div>
<img src="images/juesai-3.png" alt="">
</div> -->
</li>
<li id="banjuesai">半决赛
<!-- <div>
<img src="images/juesai-4.png" alt="">
</div> -->
</li>
<li id="sansiming">34名决赛
<!-- <div>
<img src="images/jiesai-5.png" alt="">
</div> -->
</li>
<li id="juesai">决赛
<!-- <div>
<img src="images/juesai.png" alt="">
</div> -->
</li>
<li id="yaowen">要闻</li>
</ul>
</div>
<div class="nnew" style="text-align:left;">
<div class="new new-1" >
<div class="newtitle">
<h2 class="text-align:left ">
<a>一、日本虽败犹荣,足球血性精神值得尊敬</a>
</h2>
</div>
<div class="newcontent">
&nbsp;&nbsp;&nbsp;&nbsp;淘汰赛面对世界排名远高于自己的比利时,日本队先进2球,
但这之后并没有学择拜铁桶这样的龟缩打法以保证取得胜利
,虽然最终遭到比利时队的绝杀,但血性精神值得尊敬。赛
后,亚足联官方社交平台发表海报,并配文:你们是亚洲的
骄傲。海报中,日本队三名球员出镜,其他四队也各有
一位出现。他们各个威风凛凛,信心十足,相信亚洲足球在
他们的影响下,会取得长足的进步
</div>
<!-- <div class="newbtm">
<div class="newtag">
<strong class="barlink">
<a href="" class="link">世界杯</a>
</strong>
</div>
<div class="keywords">
<a href="">世界杯</a>
<a href="">日本</a>
<a href="">足球精神</a>
</div>
</div> -->
</div>
<div class="new new-2">
<div class="newtitle">
<h2 class="text-align:left ">
<a class="text-align: left;">
二、法国夺冠,团队协作值得学习</a>
</h2>
</div>
<div class="newcontent">
&nbsp;&nbsp;&nbsp;&nbsp;取胜的法国队除了拥有
更重要的是他们的团队意识和团队协作精神
可见,无论是在赛场上
还是在职场上
团队精神都是成功的关键!
拿冠军法国队来说
教练相当于企业运营官
而队员就相当于各个职位的员工
各有所长,有防守的、进攻的、组织的
每个角色不同,但目标一致
并且需要团队角色的配合
去完成一个个小目标
最终拓展完成大目标
拿世界杯冠军就相当于
这个团队为企业创造了最高的价值
</div>
<!-- <div class="newbtm">
<div class="newtag">
<strong class="barlink">
<a href="" class="link">世界杯</a>
</strong>
</div>
<div class="keywords">
<a href="">世界杯</a>
<a href="">法国</a>
<a href="">团队协作</a>
</div>
</div> -->
</div>
<div class="new new-3">
<div class="newtitle">
<h2 class="text-align:left ">
<a class="text-align: left;">
三、30万人小国取佳绩,因为热爱,所以崇高</a>
</h2>
</div>
<div class="newcontent">
&nbsp;&nbsp;&nbsp;&nbsp;在冰岛国家队里,教练是个牙医、门将是个导
演、后卫还在读硕士,为什么可以在欧洲杯杀
进八强,世界杯闯入决赛圈,我认为,整个国
家人人足球的氛围,国民对于足球的热爱。谁
也没想到,就是这样一个小国家的球队,却在
2017年俄罗斯世界杯的预选赛上,成功的跻身
于世界杯,即使世界杯上这支球队并没有获得
什么奖项,就这样的一种精神,也符合足球世
界杯勇往无前的精神了。不知道,这样一个叫
人忍不住敬佩的球队,在今年的世界杯上,他
们已经赢了过去的自己
</div>
<!-- <div class="newbtm">
<div class="newtag">
<strong class="barlink">
<a href="" class="link">世界杯</a>
</strong>
</div>
<div class="keywords">
<a href="">世界杯</a>
<a href="">冰岛</a>
<a href="">热爱</a>
</div>
</div> -->
</div>
<div class="new new-4" >
<div class="newtitle">
<h2 class="textft ">
<a class="text-align: left;">
四、 日本国家队赛后清理球场,国民素质令人赞叹</a>
</h2>
</div>
<div class="newcontent">
&nbsp;&nbsp;&nbsp;&nbsp; 相比于球员在赛场上发挥高水平、取得好成
绩,球员在赛后清理好自己的更衣室、球迷
在赛后清理好自身所在的赛场座位区垃圾,
都不是很难做到的事情。但是在球队输球之
后,球员、球迷都还能坚持清理好垃圾,就
可以起到为球队、球迷场外加分的作用。而
一以贯之保持一种清理垃圾的好习惯,也是
日本足球塑造自身形象的有机组成部分。
</div>
<!-- <div class="newbtm">
<div class="newtag">
<strong class="barlink">
<a href="" class="link">世界杯</a>
</strong>
</div> -->
<!-- <div class="keywords">
<a href="">世界杯</a>
<a href="">日本</a>
<a href="">国名素质</a>
</div> -->
<!-- </div> -->
</div>
<div id="new new-4">
<div class="newtitle">
<h3>
<a></a>
</h3>
</div>
</div>
<!-- <div class="new new-5">
<a href="" style=" margin-top: 2px;
color: #fe4818;
font-size: 27px;
display: block;
text-align:center;">
+ &nbsp; 加载更多</a>
</div> -->
</div>
</div>
<div class="blo blo-re">
<div class="touxiang">
<img style="
width: 100%;
height: 100%;" src="images/james.jpg" alt=""></div>
<div class="thr-nav">
<ul>
<li id="shiping">
<a>视频</a></li>
<div class="tt">
<div class="ttlf">
<video style="width:100%" controls autoplay>
<source style="width:100%" src="images/jame-3~2.mp4" type="video/ogg">
<source src="images/movie.mp4" type="video/mp4">
</object>
</video>
<h3 style=" text-align: left;">全程高能!盘点本赛季哈梅斯拜仁高光表现</h3>
<video style="width:100%" controls autoplay>
<source style="width:100%" src="images/james-1~2.mp4" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
</object>
</video>
<h3 style=" text-align: left;">暴走的哈梅斯!J罗轻易不进球,要进就进世界波</h3>
<video style="width:100%" controls autoplay>
<source style="width:100%" src="images/james-2~2.mp4" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
</object>
</video>
<h3 style=" text-align: left;">巨星当道!哈梅斯皇马生涯精彩表现集锦!</h3>
</div>
</div>
<li id="shujv"><a id="er">数据</a></li>
<table >
<tr>
<td>赛季</td>
<td> 出场/首发</td>
<td> 进球</td>
<td>助攻</td>
<td>黄牌</td>
<td>红牌</td>
</tr>
<tr>
<td>2010/2011</td>
<td>31/20</td>
<td>6</td>
<td>0</td>
<td>4</td>
<td>0</td>
</tr>
<tr>
<td>2011/2012</td>
<td>38/28</td>
<td>15</td>
<td>2</td>
<td>3</td>
<td>0</td>
</tr>
<tr>
<td>2012/2013</td>
<td>38/30</td>
<td>12</td>
<td>1</td>
<td>5</td>
<td>0</td>
</tr>
<tr>
<td>2013/2014</td>
<td>38/32</td>
<td>10</td>
<td>12</td>
<td>1</td>
<td>0</td>
</tr>
<tr>
<td>2014/2015</td>
<td>45/43</td>
<td>17</td>
<td>15</td>
<td>8</td>
<td>0</td>
</tr>
<tr>
<td>2015/2016</td>
<td>32/21</td>
<td>8</td>
<td>8</td>
<td>1</td>
<td>0</td>
</tr>
<tr>
<td>2016/2017</td>
<td>32/20</td>
<td>11</td>
<td>11</td>
<td>2</td>
<td>0</td>
</tr>
<tr>
<td>2017/2018</td>
<td>39/30</td>
<td>8</td>
<td>14</td>
<td>3</td>
<td>0</td>
</tr>
<tr>
<td>2018/2019</td>
<td>11/7</td>
<td>3</td>
<td>1</td>
<td>2</td>
<td>0</td>
</tr>
</table>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#er").click(function(){
$("table").toggle();
});
});
</script>
<li id="nenglizhi" ><a style=" padding: 0px 8px;">能力值</a></li>
<div class="nl" >
<img src="images/nengli-1.png" alt="">
<img src="images/nengli-2.png" alt="">
<img src="images/nengli-3.png" alt="">
<img src="images/nengli-4.png" alt="">
</div>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#nenglizhi").click(function(){
$(".nl").toggle();
});
});
</script>
<li id="ziliao"><a>资料</a> </li>
<div class="zilio" >
<img src="images/zilio-1.png" alt="">
<img src="images/zilio-2.png" alt="">
<img src="images/zilio-3.png" alt="">
<img src="images/zilio-4.png" alt="">
</div>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ziliao").click(function(){
$(".zilio").toggle();
});
});
</script>
<li id="pinjia"> <a>评价</a></li>
<div class="lst_imgtx_b2" >
<ul>
<li>
<a class="pic_box" href="" style="border: none;">
<img src="images/pkem.jpg" alt="">
</a>
<span class="ico_overlayer ico_opacity"></span>
<div class="tx_box">
<h3 style="color:black">他是世界上最伟大的球员之一,他很重 要,他有足球天赋和进球天赋</h3>
<p>--佩克尔曼</p>
</div>
</li>
<li>
<a class="pic_box" href="" style="border: none;">
<img src="images/anqld.jpg" alt="">
</a>
<span class="ico_overlayer ico_opacity"></span>
<div class="tx_box">
<h3 style="color:black">他拥有难以置信的才华</h3>
<p>--安切洛蒂</p>
</div>
</li>
<li>
<a class="pic_box" href="" style="border: none;">
<img src="images/brdlm.png" alt="">
</a>
<span class="ico_overlayer ico_opacity"></span>
<div class="tx_box">
<h3 style="color:black">哈梅斯无论是在皇马,还是在世界杯上都证明了自己的能力。</h3>
<p>--卡洛斯-巴尔德拉马</p>
</div>
</li>
</ul>
</div>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#pinjia").click(function(){
$(".lst_imgtx_b2").toggle();
});
});
</script>
</ul>
</div>
</div>
<div class="xinxi"></div>
</div>
</div>
</div>
<div class="sjbzj">
<div style="
position: relative;
top: 3%; ">
<img src="images/sjbzj.png" alt="">
</div>
<div class="mapels">
<div class="nw nw-1">
<img src="images/d11.png" alt="" style=" width: 100%;
height: 100%;">
<div class="nwname">新西伯利亚</div>
</div>
<div id="paf-1" class="paf paf-1">
<div>
<div class="pafnav">
<ul>
<li>
<p></p>
<div>
<img src="images/wKgB4lJ28aGAVMdwAAGG2AC5yvc44.jpeg" alt="">
</div>
<div style=" top: 60%;">
<h3 style=" text-align: left;">地区:新西伯利亚 <br> 风景:Novosibirsk State Opera&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; and Ballet Theatre<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;学术影剧院 <br>
地位:俄罗斯著名旅游景点
</h3>
</div>
</li>
<li id="meishi">
<p ></p>
<div style="left:0%" class="litwo">
<img src="images/futejia.jpeg" alt="">
<h3 style=" text-align: left;">产地:新西伯利亚 <br> 名称:Pechki-lavochki<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Pechki-lavochki<br>
味道:典型俄罗斯风味
</h3>
</div>
</li>
</ul>
</div>
<div></div>
</div>
<div id="inpaf" onclick="javascript:turnoff('paf-1')"></div>
</div>
<div class="nw nw-2">
<img src="images/d11.png" alt="" style=" width: 100%;
height: 100%;">
<div class="nwname">圣彼得堡</div>
</div>
<div id="paf-2" class="paf paf-2">
<div>
<div class="pafnav">
<ul>
<li>
<p></p>
<div>
<img src="images/sbdb.jpeg" alt="">
</div>
<div style=" top: 60%;">
<h3 style=" text-align: left;">地区:圣彼得堡 <br> 风景:俄罗斯冬宫博物馆与冬宫<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;The State Hermitage
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;Museum <br>
地位:世界四大博物馆之一
</h3>
</div>
</li>
<li id="meishi">
<p ></p>
<div style="left:0%" class="litwo">
<img src="images/futejia.jpeg" alt="">
<h3 style=" text-align: left;">产地:圣彼得堡 <br> 名称:伏特加<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;vodka<br>
味道:口味凶烈,劲大冲鼻,火一般的刺激
</h3>
</div>
</li>
<!-- <div style=" top: 60%;">
<h3 style=" text-align: left;">西北联邦区adsfghjkl;'</h3>
</div> -->
</ul>
</div>
<div></div>
</div>
<div id="inpaf" onclick="javascript:turnoff('paf-2')"></div>
</div>
<div class="nw nw-3">
<img src="images/d11.png" alt="" style=" width: 100%;
height: 100%;">
<div class="nwname">索契</div>
</div>
<div id="paf-3" class="paf paf-3">
<div>
<div class="pafnav">
<ul>
<li>
<p></p>
<div>
<img src="images/wKgB6lRAjqOAdu0ZAAS2Jj7lSWw20.jpeg" alt="">
</div>
<div style=" top: 60%;">
<h3 style=" text-align: left;">地区:索契<br> 风景:索契植物园<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Dendrariy <br>
地位:俄罗斯著名旅游景点
</h3>
</div>
</li>
<li id="meishi">
<p ></p>
<div style="left:0%" class="litwo">
<img src="images/2D5A6A4EC1E7E9F560B6107033EB648D.jpg" alt="">
<h3 style=" text-align: left;">产地:索契 <br> 名称:红烩牛肉大咧巴馅饼伏特加<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;vodka<br>
味道:典型的俄式菜
</h3>
</div>
</li>
<!-- <div style=" top: 60%;">
<h3 style=" text-align: left;">西北联邦区adsfghjkl;'</h3>
</div> -->
</ul>
</div>
<div></div>
</div>
<div id="inpaf" onclick="javascript:turnoff('paf-3')"></div>
</div>
<div class="nw nw-4">
<img src="images/d11.png" alt="" style=" width: 100%;
height: 100%;">
<div class="nwname">莫斯科</div>
</div>
<div id="paf-4" class="paf paf-4">
<div>
<div class="pafnav">
<ul>
<li>
<p></p>
<div>
<img src="images/hongchnag.jpeg" alt="">
</div>
<div style=" top: 60%;">
<h3 style=" text-align: left;">地区:莫斯科 <br> 风景:红场<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;The Red Square<br>
地位:莫斯科的象征
</h3>
</div>
</li>
<li id="meishi">
<p ></p>
<div style="left:0%" class="litwo">
<img src="images/hongcaitang.jpg" alt="">
<h3 style=" text-align: left;">产地:莫斯科 <br> 名称:红菜汤<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;vodka<br>
味道:与我国的东北乱炖有点神似
</h3>
</div>
</li>
<!-- <div style=" top: 60%;">
<h3 style=" text-align: left;">西北联邦区adsfghjkl;'</h3>
</div> -->
</ul>
</div>
<div></div>
</div>
<div id="inpaf" onclick="javascript:turnoff('paf-4')"></div>
</div>
<div class="nw nw-5">
<img src="images/d11.png" alt="" style=" width: 100%;
height: 100%;">
<div class="nwname">贝尔加湖</div>
</div>
<div id="paf-5" class="paf paf-5">
<div>
<div class="pafnav">
<ul>
<li>
<p></p>
<div>
<img src="images/wKgBpVVqs5KAP1fyAAZ_JbScrRI37.jpeg" alt="">
</div>
<div style=" top: 60%;">
<h3 style=" text-align: left;">地区:贝尔加湖 <br> 风景:贝尔加湖<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Lake Baikal <br>
地位:西伯利亚的蓝眼睛
</h3>
</div>
</li>
<li id="meishi">
<p ></p>
<div style="left:0%" class="litwo">
<img src="images/wKgBs1ghhNSAKSL2AAPFuhgnS5E85.jpeg" alt="">
<h3 style=" text-align: left;">产地:贝尔加湖 <br> 名称:贝加尔白鲑鱼<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Omul<br>
味道:亲手腌制鲑鱼慢慢品尝
</h3>
</div>
</li>
<!-- <div style=" top: 60%;">
<h3 style=" text-align: left;">西北联邦区adsfghjkl;'</h3>
</div> -->
</ul>
</div>
<div></div>
</div>
<div id="inpaf" onclick="javascript:turnoff('paf-5')"></div>
</div>
<div class="nw nw-6">
<img src="images/d11.png" alt="" style=" width: 100%;
height: 100%;">
<div class="nwname">伊尔库茨克</div>
</div>
<div id="paf-6" class="paf paf-6">
<div>
<div class="pafnav">
<ul>
<li>
<p></p>
<div>
<img src="images/wKgBs1aOIa-ANmIwAAjMzf6KTsE62.jpeg" alt="">
</div>
<div style=" top: 60%;">
<h3 style=" text-align: left;">地区:伊尔库茨克 <br> 风景:奥利洪岛
<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Olkhon Island <br>
地位:贝加尔湖的心脏
</h3>
</div>
</li>
<li id="meishi">
<p ></p>
<div style="left:0%" class="litwo">
<img src="images/d31b0ef41bd5ad6e3d2ebd418bcb39dbb7fd3c42.jpg" alt="">
<h3 style=" text-align: left;">产地:伊尔库茨克 <br> 名称:鱼子酱<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;caviar<br>
味道:俄罗斯人新年餐桌必不可少的美味
</h3>
</div>
</li>
<!-- <div style=" top: 60%;">
<h3 style=" text-align: left;">西北联邦区adsfghjkl;'</h3>
</div> -->
</ul>
</div>
<div></div>
</div>
<div id="inpaf" onclick="javascript:turnoff('paf-6')"></div>
</div>
<div class="nw nw-7">
<img src="images/d11.png" alt="" style=" width: 100%;
height: 100%;">
<div class="nwname">海参崴</div>
</div>
<div id="paf-7" class="paf paf-7">
<div>
<div class="pafnav">
<ul>
<li>
<p></p>
<div>
<img src="images/wKgBpVV-aOGANV4RAAQjym9E3yA79.jpeg" alt="">
</div>
<div style=" top: 60%;">
<h3 style=" text-align: left;">地区:海参崴<br>
风景:海参崴火车站<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;Railroad Terminal<br>
地位:上百年历史的老建筑
</h3>
</div>
</li>
<li id="meishi">
<p ></p>
<div style="left:0%" class="litwo">
<img src="images/20170710173153_3775.jpg" alt="">
<h3 style=" text-align: left;">产地:海参崴 <br> 名称:帝王蟹<br>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;King crab<br>
味道:体有很好的滋补作用
</h3>
</div>
</li>
<!-- <div style=" top: 60%;">
<h3 style=" text-align: left;">西北联邦区adsfghjkl;'</h3>
</div> -->
</ul>
</div>
<div></div>
</div>
<div id="inpaf" onclick="javascript:turnoff('paf-7')"></div>
</div>
<script>
$(document).ready(function(){
$(".nw-1").click(function(){
$(".paf-1").toggle();
});
});
</script>
<script>
$(document).ready(function(){
$(".nw-2").click(function(){
$(".paf-2").toggle();
});
});
</script>
<script>
$(document).ready(function(){
$(".nw-3").click(function(){
$(".paf-3").toggle();
});
});
</script>
<script>
$(document).ready(function(){
$(".nw-4").click(function(){
$(".paf-4").toggle();
});
});
</script>
<script>
$(document).ready(function(){
$(".nw-5").click(function(){
$(".paf-5").toggle();
});
});
</script>
<script>
$(document).ready(function(){
$(".nw-6").click(function(){
$(".paf-6").toggle();
});
});
</script>
<script>
$(document).ready(function(){
$(".nw-7").click(function(){
$(".paf-7").toggle();
});
});
</script>
<script>
function turnoff(obj){
document.getElementById(obj).style.display="none";
}
</script>
</div>
</div>
</div>
<!--<div class="his-top">
<img src="zqcss.png" alt="">
</div>-->
<!-- <div class="mid-1">
</div> -->
<!-- <div class="daditu">
<div style=" position: relative;
top: -6%;" >
<img src="images/aikan.png" alt="">
</div>
<div class="ditu" id="ditu">
<div class="dituright">
<div class="ditunei">
<div class="dituneileft" style=" margin-left: 166px;
margin-top: 17px;">
<div class="zubiao">
<img src="images/e.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright" style="margin-top: -118px;">
<ul>
<li>
<div class="linei li-1">
<div class="gjbs"><img src="images/gjbsbx.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">巴西 </a>
</div>
</li>
<li>
<div class="linei li-2">
<div class="gjbs"><img src="images/gjbsrs.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">瑞士 </a>
</div>
</li>
<li>
<div class="linei li-3">
<div class="gjbs"><img src="images/gjbsgsdlj.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">哥斯达黎加 </a>
</div>
</li>
<li>
<div class="linei li-4">
<div class="gjbs"><img src="images/saierweiya-2.PNG" alt=""></div>
</div>
<div class="lineitext">
<a href="">塞尔维亚 </a>
</div>
</li>
</ul>
</div>
</div>
<div class="ditunei">
<div class="dituneileft" style=" margin-left: 165px;">
<div class="zubiao">
<img src="images/f.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright" style=" margin-top: -101px;">
<ul>
<li>
<div class="linei li-5">
<div class="gjbs"><img src="images/gjbsdg.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">德国 </a>
</div>
</li>
<li>
<div class="linei li-6">
<div class="gjbs"><img src="images/gjbsmxg.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">墨西哥 </a>
</div>
</li>
<li>
<div class="linei li-7">
<div class="gjbs"><img src="images/gjbsrd.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">瑞典 </a>
</div>
</li>
<li>
<div class="linei li-8">
<div class="gjbs"><img src="images/gjbshg.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">韩国 </a>
</div>
</li>
</ul>
</div>
</div>
<div class="ditunei">
<div class="dituneileft" style="margin-left: 165px;">
<div class="zubiao">
<img src="images/g.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright" style=" margin-top: -101px;">
<ul>
<li>
<div class="linei li-9">
<div class="gjbs"><img src="images/gjbsbls.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">比利时</a>
</div>
</li>
<li>
<div class="linei li-10">
<div class="gjbs"><img src="images/gjbsbnm.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">巴拿马 </a>
</div>
</li>
<li>
<div class="linei li-11">
<div class="gjbs"><img src="images/gjbstns.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">突尼斯 </a>
</div>
</li>
<li>
<div class="linei li-12">
<div class="gjbs"><img src="images/gjbsygl.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">英格兰 </a>
</div>
</li>
</ul>
</div>
</div>
<div class="ditunei">
<div class="dituneileft" style="margin-left: 165px;">
<div class="zubiao">
<img src="images/h.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright" style=" margin-top: -101px;">
<ul>
<li>
<div class="linei li-13">
<div class="gjbs"><img src="images/gjbsbl.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">波兰 </a>
</div>
</li>
<li>
<div class="linei li-14">
<div class="gjbs"><img src="images/gjbssewy.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">塞内加尔 </a>
</div>
</li>
<li>
<div class="linei li-15">
<div class="gjbs"><img src="images/gjbsglby.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">哥伦比亚 </a>
</div>
</li>
<li>
<div class="linei li-16">
<div class="gjbs"><img src="images/gjbsrb.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">日本</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div style=" float: left;
width: 50%;
position: relative;
left: 18%;">
<img src="images/bg01.png" alt="">
</div>
<div class="dituleft">
<div class="ditunei">
<div class="dituneileft">
<div class="zubiao">
<img src="images/a.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright">
<ul>
<li>
<div class="linei li-17">
<div class="gjbs"><img src="images/gjbsels.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">俄罗斯 </a>
</div>
</li>
<li>
<div class="linei li-18">
<div class="gjbs"><img src="images/gjbsst.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">沙特阿拉伯</a>
</div>
</li>
<li>
<div class="linei li-19">
<div class="gjbs"><img src="images/gjbsaj.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">埃及 </a>
</div>
</li>
<li>
<div class="linei li-20">
<div class="gjbs"><img src="images/gjbswlg.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">乌拉圭</a>
</div>
</li>
</ul>
</div>
</div>
<div class="ditunei">
<div class="dituneileft">
<div class="zubiao">
<img src="images/b.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright">
<ul>
<li>
<div class="linei li-21">
<div class="gjbs"><img src="images/gjbspty.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">葡萄牙 </a>
</div>
</li>
<li>
<div class="linei li-22">
<div class="gjbs"><img src="images/gjbsxby.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">西班牙 </a>
</div>
</li>
<li>
<div class="linei li-23">
<div class="gjbs"><img src="images/gjbsmng.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">摩纳哥 </a>
</div>
</li>
<li>
<div class="linei li-24">
<div class="gjbs"><img src="images/gjbsyl.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">伊朗</a>
</div>
</li>
</ul>
</div>
</div>
<div class="ditunei">
<div class="dituneileft">
<div class="zubiao">
<img src="images/c.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright">
<ul>
<li>
<div class="linei li-25">
<div class="gjbs"><img src="images/gjbsfg.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">法国</a>
</div>
</li>
<li>
<div class="linei li-26">
<div class="gjbs"><img src="images/gjbsodly.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">澳大利亚</a>
</div>
</li>
<li>
<div class="linei li-27">
<div class="gjbs"><img src="images/gjbsbl.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">秘鲁 </a>
</div>
</li>
<li>
<div class="linei li-28">
<div class="gjbs"><img src="images/gjbsdm.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">丹麦 </a>
</div>
</li>
</ul>
</div>
</div>
<div class="ditunei">
<div class="dituneileft">
<div class="zubiao">
<img src="images/d.jpg" alt="" width="39" height="39">
</div>
</div>
<div class="dituneiright">
<ul>
<li>
<div class="linei li-29">
<div class="gjbs"><img src="images/gjbsagt.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">阿根廷</a>
</div>
</li>
<li>
<div class="linei li-30">
<div class="gjbs"><img src="images/gjbsbd.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">冰岛 </a>
</div>
</li>
<li>
<div class="linei li-31">
<div class="gjbs"><img src="images/gjbskldy.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">克罗地亚 </a>
</div>
</li>
<li>
<div class="linei li-32">
<div class="gjbs"><img src="images/gjbsnrly.png" alt=""></div>
</div>
<div class="lineitext">
<a href="">尼日利亚 </a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="mid-2"></div> -->
<div style="display:none">
<input id="btn1" type="button" value="循环切换">
<input id="btn2" type="button" value="顺序切换">
<p id="p1">图片可以循环</p>
</div>
<!-- <div style="width:100%"><a href="" style="margin: -16% 9%;
font-family: KaiTi;
display: block;
float: left;
width: 25%;
font-size: 4em;"><P style="margin: -16px 0px;
text-align:center; font-size: 45pt;
FILTER: shadow(color=#6495ED,strength=15);
WIDTH: 100%; COLOR: black;
LINE-HEIGHT: 150%;
FONT-FAMILY: 方正舒体">世界杯史话</P></a></div> -->
<div class="jdjx">
<div style="left: 42%;
/* margin-left: 14%; */
top: 3%;
/* position: relative; */
position: absolute;">
<img src="images/jdjx.png" alt="">
</div>
<div>
<ul>
<li>
<div class="img">
<img src="images/nmer.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Neymar/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">桑巴军团&nbsp;&nbsp;</span></a>
<span class="name">
<a>Neymar</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/glzm.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Griezmann/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">高卢雄鸡</span></a>
<span class="name" style=" margin-left: -5%; ">
<a>Griezmann</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/syls.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Suarez/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">太阳之光&nbsp;</span></a>
<span class="name">
<a >Suarez</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/ke.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Kane/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">三狮军团&nbsp;</span></a>
<span class="name">
<a >Kane</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/mdlq.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Modric/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">格子军团&nbsp;</span></a>
<span class="name">
<a >Modric</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/mx.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Messi/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">潘帕斯雄鹰</span></a>
<span class="name">
<a >Messi</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/1527588156825_401 (1).png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/CRonaldo/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">五盾之队&nbsp;</span></a>
<span class="name">
<a >Cristiano </a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/hameisi.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/JRodriguez/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568"> 咖啡农&nbsp;&nbsp;&nbsp;</span></a>
<span class="name">
<a >James</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/xb.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Iniesta/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">斗牛士&nbsp;&nbsp;&nbsp;</span></a>
<span class="name">
<a>Iniesta</a>
</span>
</div>
</li>
<li>
<div class="img">
<img src="images/ml.png" alt="">
</div>
<div class="text"><a href="http://worldcup.cctv.com/2018/star/Muller/index.shtml">
<span class="zan" onclick="javascript:javascript:ClickandSubmit15625(15625, 1131523, 198568)" id="voteItem_198568">日耳曼战车</span></a>
<span class="name">
<a>Müller</a>
</span>
</div>
</li>
</ul>
</div>
</div>
<div class="boxxwai">
<div style="position: relative;
top: 2%;">
<img src="images/sjbsh.png" alt="">
</div>
<div id="boxx">
<img id="img" />
<p id="text1"></p>
<p id="text2" style=" display: block;
font-size: 24px;">图片文字加载中……</p>
<a id="prev" href="javascript:void(0)" >
< </a> <a id="next" href="javascript:void(0)" >>
</a>
</div>
</div>
<div class="dibu">
<div style=" position: relative;
top: 11%;">
<h2>鸦有反哺之义,羊知跪乳之恩<br>
感恩父母这么多年对我的照顾,你们让我茁壮成长<br>
感恩老师和学长们的细心指导,你们让我学有所成</h2>
</div>
</div>
<div id="boxll" class="boxll">
<div class="box-in"></div>
</div>
</body>
<script>
var timer = null;
boxll.onclick = function () {
cancelAnimationFrame(timer);
timer = requestAnimationFrame(function fn() {
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
if (oTop > 0) {
document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
timer = requestAnimationFrame(fn);
} else {
cancelAnimationFrame(timer);
}
});
}
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化