锘军!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 瑗垮畨浜ら€氬伐绋嬪闄?-----鐩稿唽涔嬪氨涓氭帬褰包/title> <link rel="stylesheet" type="text/css" href="/css/G.css" /> <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> <script src="/js/jquery.jcarousellite.min.js" type="text/javascript"></script> <style type="text/css"> body { background-color:#000; } p { margin:0; padding:0;} /*骞荤伅鐗囧尯鍩熻儗鏅?/ .MainBg { background-color:#222; } /*鏍囬鍜岄〉鐮?/ .Title { color:#EEE; padding:5px 20px 0 20px; text-align:center; line-height:40px; height:40px; } .Title h1 { display:inline; } .Title .Counter { color:#71E0CE; font-size:20px;} .Title .CounterCurrent { color:#C00; font-size:20px; font-weight:bold; } /*鐏拌壊鍒嗛殧绾?/ .SpaceLine { border-bottom:1px solid #333; height:1px; font-size:1px; } /*澶у浘灞曠ず鍖哄煙*/ .OriginalPicBorder { padding:15px 15px 0 15px; } #OriginalPic { width:850px; overflow:hidden; position:relative; font-size:16px; } #OriginalPic img { display: block; margin: 0 auto; } /*榧犳爣鎵嬪娍*/ .CursorL { position: absolute; z-index:999; width:50%; height:600px; color:#FFF; left:120px; cursor:url(CurL.cur), auto; background:url(space.png) repeat scroll 0 0 transparent; } .CursorR { position: absolute; z-index:999; width:50%; height:600px; color:#FFF; right:0; cursor:url(CurR.cur), auto; background:url(space.png) repeat scroll 0 0 transparent; } /*灏忓浘棰勮鍜屾粦鍔?/ .SliderPicBorder { width:800px; height:500px; overflow:hidden; } .Summary { text-align:center; line-height:20px; display:block; width:865px; margin-right:10px; color:#999; overflow:hidden; background-color:#222; padding:10px; } .More { text-align:right; color:#666; line-height:40px; height:40px; font-size:12px; display:block; } .ThumbPicBorder { display: inline-block; *display: inline; zoom: 1; } #ThumbPic img { border: 3px solid #666; cursor: pointer; background-color: #666; margin:0 4px; width: 130px; height: 80px; display: block; } #ThumbPic img.active { border: 3px solid #FF9900; } </style> <link rel="alternate" media="only screen and(max-width: 640px)" href="http://studytheiris.com" > </head> <body> <form> <div id="Container"> <div class="MainBg"> <div class="HS10"></div> <div class="Title"> <h1>灏变笟鎺犲奖</h1> <span class="Counter">锛圏span class="CounterCurrent">1</span>/29锛堻/span> <h1></h1> </div> <div class="SpaceLine"></div> <div class="OriginalPicBorder"> <div id="OriginalPic"> <div id="aPrev" class="CursorL"></div> <div id="aNext" class="CursorR"></div> <!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>2014>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>7寮燓>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> --> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/1.png" /></span> <span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔炶刀璧磋タ瀹夊湴閾?鍙风嚎鐪嬫湜鎴戦櫌姣曚笟鐢烖/span> <span class="More"><a href="images/1.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/2.png" /></span> <span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔炶刀璧磋タ瀹夊湴閾?鍙风嚎鐪嬫湜鎴戦櫌姣曚笟鐢烖/span> <span class="More"><a href="images/2.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/3.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔炶荡涓搧鐢垫皵鍖栧欢瀹夌數鍔℃鐪嬫湜姣曚笟鐢烖/span> <span class="More"><a href="images/3.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/4.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">鍗椾含鍦伴搧鏉ユ牎閫夎仒姣曚笟鐢 </span> <span class="More"><span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/5.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">绂忓窞楂橀搧鏉ユ牎閫夎仒姣曚笟鐢烖/span> <span class="More"><a href="images/5.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/6.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">灏变笟鍔炶タ寤躲€佹澀宸炵淮绠℃鎷涜仒鐜板満</span> <span class="More"><a href="images/6.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/7.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">瀹佹尝甯傝建閬撲氦閫氶泦鍥㈤瀵艰€冨療</span> <span class="More"><a href="images/7.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/8.png" /></span> <span class="Clearer"></span> <span class="Summary FlLeft">瀹佹尝甯傝建閬撲氦閫氶泦鍥㈢绾︿华寮廃/span> <span class="More"><a href="images/8.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/9.png" /></span> <span class="Clearer"></span> <span class="Summary FlLeft">闄曟苯闆嗗洟鏉ユ垜闄㈡嫑鑱楛/span> <span class="More"><a href="images/9.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/10.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔?018灞婃瘯涓氱敓鎷涜仒浼氱幇鍦裹/span> <span class="More"><a href="images/10.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/11.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔?018灞婃瘯涓氱敓鎷涜仒浼氱幇鍦裹/span> <span class="More"><a href="images/11.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/12.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔炰腑閾佷竷灞€棰嗗鑰冨療</span> <span class="More"><a href="images/12.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/13.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">鍚堣偉鍦伴搧鏍′紒鍚堜綔</span> <span class="More"><a href="images/13.png.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/14.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">鏉腐鍦伴搧鏍′紒鎷涜仒浼欬/span><span class="More"><a href="images/14.pngg" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/15.png" /></span> <span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔炲矖鍓嶅煿璁彮寮€鐝华寮廃/span> <span class="More"><a href="images/15.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/16.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">灏变笟鍔炲畞娉㈠湴閾佺數瀹㈣溅鍙告満缁勭彮浠紡 </span> <span class="More"><a href="images/16.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/17.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">灏变笟鍔炲畞娉㈠湴閾佺數瀹㈣溅鍙告満缁勭彮浠紡</span> <span class="More"><a href="images/17.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/18.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">涓搧鐢垫皵鍖栧眬鍖呭ご缁寸娈垫嫑鑱橀潰璇曠幇鍦裹/span> <span class="More"><a href="images/18.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/19.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">涓搧鐢垫皵鍖栧眬鍖呭ご缁寸娈垫嫑鑱橀潰璇曠幇鍦裹/span> <span class="More"><a href="images/19.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/20.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">鏉腐鍦伴搧鏍′紒鍚堜綔瀵规帴鏆ㄤ笓鍦烘嫑鑱樹細</span> <span class="More"><a href="images/20.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>addd2018>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> --> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/21.png" /> </span><span class="Clearer"> </span><span class="Summary FlLeft">鏉腐鍦伴搧鏍′紒鍚堜綔绛剧害浠紡</span> <span class="More"><a href="images/21.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/22.png" /> </span><span class="Clearer"> </span><span class="Summary FlLeft">鏉腐鍦伴搧鏍″洯鎷涜仒鐜板満</span> <span class="More"><a href="images/22.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/23.png" /> </span><span class="Clearer"> </span><span class="Summary FlLeft">娆㈤€?018灞婂鐢熻荡鏉腐鍦伴搧灏变笟</span> <span class="More"><a href="images/23.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/24.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">鎴戞牎棰嗗璧拌鏉腐鍦伴搧鍏徃骞剁湅鏈涙垜鏍℃瘯涓氱敓</span> <span class="More"><a href="images/24.png.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/25.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">娓╁窞鍦伴搧鎷涜仒鐜板満</span><span class="More"><a href="images/25.pngg" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"><img src="images/26.png" /></span> <span class="Clearer"></span> <span class="Summary FlLeft">鏍¢瀵艰蛋璁垮畞娉㈠湴閾佸叕鍙稿苟鐪嬫湜鎴戞牎姣曚笟鐢烖/span> <span class="More"><a href="images/26.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/27.png" /> </span><span class="Clearer"> </span> <span class="Summary FlLeft">涓搧鐢垫皵鍖栧眬瑗垮欢缁寸澶勫欢瀹夋鏉ユ牎鎷涜仒浼樼姣曚笟鐢烖/span> <span class="More"><a href="images/27.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/28.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">涓搧寤哄崄涔濆眬鏉ユ垜鏍℃嫑鑱 </span> <span class="More"><a href="images/28.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <p class="Hidden"> <span class="SliderPicBorder FlRight"> <img src="images/29.png" /> </span><span class="Clearer"></span> <span class="Summary FlLeft">2013灞婃瘯涓氱敓璧磋タ瀹佺壒娈婇挗灏变笟</span> <span class="More"><a href="images/29.png" target="_blank"></a> <span class="OptLine">| </span> </span> </p> <!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>addd2018>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> --> </div> </div> <div class="SpaceLine"> </div> <div class="HS15"> </div> <div style="width: 960px; text-align: center;"> <div class="ThumbPicBorder"> <img src="img/ArrowL.jpg" id="btnPrev" class="FlLeft" style="cursor: pointer;" /> <div class="jCarouselLite FlLeft"> <ul id="ThumbPic"> <!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>2014>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> --> <li rel='1'> <img src="images/1.png" /> </li> <li rel='2'> <img src="images/2.png" /> </li> <li rel='3'> <img src="images/3.png" /> </li> <li rel='4'> <img src="images/4.png" /> </li> <li rel='5'> <img src="images/5.png" /> </li> <li rel='6'> <img src="images/6.png" /> </li> <li rel='7'> <img src="images/7.png" /> </li> <li rel='8'> <img src="images/8.png" /> </li> <li rel='9'> <img src="images/9.png" /> </li> <li rel='10'> <img src="images/10.png" /> </li> <!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>2018>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> --> <li rel='11'> <img src="images/11.png" /> </li> <li rel='12'> <img src="images/12.png" /> </li> <li rel='13'> <img src="images/13.png" /> </li> <li rel='14'> <img src="images/14.png" /> </li> <li rel='15'> <img src="images/15.png" /> </li> <li rel='16'> <img src="images/16.png" /> </li> <li rel='17'> <img src="images/17.png" /> </li> <li rel='18'> <img src="images/18.png" /> </li> <li rel='19'> <img src="images/19.png" /> </li> <li rel='20'> <img src="images/20.png" /> </li> <!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>2018>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> --> <li rel='21'> <img src="images/21.png" /> </li> <li rel='22'> <img src="images/22.png" /> </li> <li rel='23'> <img src="images/23.png" /> </li> <li rel='24'> <img src="images/24.png" /> </li> <li rel='25'> <img src="images/25.png" /> </li> <li rel='26'> <img src="images/26.png" /> </li> <li rel='27'> <img src="images/27.png" /> </li> <li rel='28'> <img src="images/28.png" /> </li> <li rel='29'> <img src="images/29.png" /> </li> <!-- >>>>>>>>>>>>>>>>>>>>>>>>>>>>2018>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> --> </ul> <div class="Clearer"> </div> </div> <img src="img/ArrowR.jpg" id="btnNext" class="FlLeft" style="cursor: pointer;" /> <div class="Clearer"> </div> </div> </div> <div class="HS15"></div> <script type="text/javascript"> //缂╃暐鍥炬粴鍔ㄤ簨浠 $(".jCarouselLite").jCarouselLite({ btnNext: "#btnNext", btnPrev: "#btnPrev", scroll: 1, speed: 240, circular: false, visible: 6 }); </script> <script type="text/javascript"> var currentImage; var currentIndex = -1; //鏄剧ず澶у浘(鍙傛暟index浠?寮€濮嬭鏁? function showImage(index) { //鏇存柊褰撳墠鍥剧墖椤电爜 $(".CounterCurrent").html(index + 1); //闅愯棌鎴栨樉绀哄悜宸﹀悜鍙抽紶鏍囨墜鍔 var len = $('#OriginalPic img').length; if (index == len - 1) { $("#aNext").hide(); } else { $("#aNext").show(); } if (index == 0) { $("#aPrev").hide(); } else { $("#aPrev").show(); } //鏄剧ず澶у浘 if (index < $('#OriginalPic img').length) { var indexImage = $('#OriginalPic p')[index]; //闅愯棌褰撳墠鐨勫浘 if (currentImage) { if (currentImage != indexImage) { $(currentImage).css('z-index', 2); $(currentImage).fadeOut(0, function () { $(this).css({ 'display': 'none', 'z-index': 1 }) }); } } //鏄剧ず鐢ㄦ埛閫夋嫨鐨勫浘 $(indexImage).show().css({ 'opacity': 0.4 }); $(indexImage).animate({ opacity: 1 }, { duration: 200 }); //鏇存柊鍙橀噺 currentImage = indexImage; currentIndex = index; //绉婚櫎骞舵坊鍔犻珮浜 $('#ThumbPic img').removeClass('active'); $($('#ThumbPic img')[index]).addClass('active'); //璁剧疆鍚戝乏鍚戝彸榧犳爣鎵嬪娍鍖哄煙鐨勯珮搴 //var tempHeight = $($('#OriginalPic img')[index]).height(); //$('#aPrev').height(tempHeight); //$('#aNext').height(tempHeight); } } //涓嬩竴寮 function ShowNext() { var len = $('#OriginalPic img').length; var next = currentIndex < (len - 1) ? currentIndex + 1 : 0; showImage(next); } //涓婁竴寮 function ShowPrep() { var len = $('#OriginalPic img').length; var next = currentIndex == 0 ? (len - 1) : currentIndex - 1; showImage(next); } //涓嬩竴寮犱簨浠 $("#aNext").click(function () { ShowNext(); if ($(".active").position().left >= 144 * 5) { $("#btnNext").click(); } }); //涓婁竴寮犱簨浠 $("#aPrev").click(function () { ShowPrep(); if ($(".active").position().left <= 144 * 5) { $("#btnPrev").click(); } }); //鍒濆鍖栦簨浠 $(".OriginalPicBorder").ready(function () { ShowNext(); //缁戝畾缂╃暐鍥剧偣鍑讳簨浠 $('#ThumbPic li').bind('click', function (e) { var count = $(this).attr('rel'); showImage(parseInt(count) - 1); }); }); </script> </div> </div> </form> <a target="_blank" title="百度" href="https://www.baidu.com/">百度搜索</a></br> <a target="_blank" title="搜狗" href="https://www.sogou.com/">搜狗搜索</a></br> <a target="_blank" title="360" href="https://www.so.com/">360搜索</a></br> </body> </html>