代码拉取完成,页面将自动刷新
<!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> 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> 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> 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> 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> 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> 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> 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> 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"> 足球的魅力不仅仅在于射门后的激情与欢呼,他更体现在与兄弟一起度过快乐的时光。足球是一个
考验团队协作的运动他需要的是兄弟之间的心有灵犀 ,彼此信任</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">
淘汰赛面对世界排名远高于自己的比利时,日本队先进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">
取胜的法国队除了拥有
更重要的是他们的团队意识和团队协作精神
可见,无论是在赛场上
还是在职场上
团队精神都是成功的关键!
拿冠军法国队来说
教练相当于企业运营官
而队员就相当于各个职位的员工
各有所长,有防守的、进攻的、组织的
每个角色不同,但目标一致
并且需要团队角色的配合
去完成一个个小目标
最终拓展完成大目标
拿世界杯冠军就相当于
这个团队为企业创造了最高的价值
</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">
在冰岛国家队里,教练是个牙医、门将是个导
演、后卫还在读硕士,为什么可以在欧洲杯杀
进八强,世界杯闯入决赛圈,我认为,整个国
家人人足球的氛围,国民对于足球的热爱。谁
也没想到,就是这样一个小国家的球队,却在
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">
相比于球员在赛场上发挥高水平、取得好成
绩,球员在赛后清理好自己的更衣室、球迷
在赛后清理好自身所在的赛场座位区垃圾,
都不是很难做到的事情。但是在球队输球之
后,球员、球迷都还能坚持清理好垃圾,就
可以起到为球队、球迷场外加分的作用。而
一以贯之保持一种清理垃圾的好习惯,也是
日本足球塑造自身形象的有机组成部分。
</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;">
+ 加载更多</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 and Ballet Theatre<br>
学术影剧院 <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>
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>
The State Hermitage
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
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">桑巴军团 </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">太阳之光 </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">三狮军团 </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">格子军团 </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">五盾之队 </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"> 咖啡农 </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">斗牛士 </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>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。