<!--#UTF-16LE--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=gb2312" /> <title> w wHeg9eۏ -JS/jQueryNx -o:yN N} -eNJava</title> <style type="text/css"> <!-- *{margin:0;padding:0;} img{border:0;} body{font:12px/130% verdana,geneva,arial,helvetica,sans-serif,[SO;}li{list-style:none;} .clearfix:after{content:"&nbsp;";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*display:inline-block;} .br{ word-break: break-all; word-wrap: break-word;} a:link{ color:#000; text-decoration:none; } a:visited{ color:#000; text-decoration:none; } a:hover{ color:#000; text-decoration:underline; } .picshow{ width: 450px; padding: 10px; margin: 20px; border: 1px solid #eee; position: relative; background: #f5f5f5;} .picshow h2{ font-size: 14px; padding: 3px; } .picshow h3{ font-size: 12px;padding: 3px; } .picshow dl{ margin: 5px 0; } .picshow dl dt { position: relative; width: 364px;height: 186px;overflow: hidden;} .picshow dl dt div{ width: 364px;} .picshow dl dt div a{ display: block;width: 364px;height: 186px; overflow: hidden;} .picshow dl dt div a img{ display: block;} #pictype{position: absolute; top: 0; left: 0; z-index: 0;} #other{position: absolute;top: 0; left: 0; z-index: 1;} #other img{width: 356px;height: 178px; margin: 3px; border: 1px solid #333;} .picshow dl dd{ height: 46px; overflow: hidden; } .picshow dl dd div{ } .picshow dl dd{ margin-top: 10px; line-height: 20px;} .picshow dl dd a:link,.picshow dl dd a:visited{ color: green; text-decoration: underline; } .picshow dl dd a:hover{ color: maroon; } .picsel{width: 80px; height: 177px; padding-top:9px; overflow: hidden; position: absolute; right: 9px; top: 37px; background: url(285026_1249973332Fu66.png) no-repeat; } .picsel span{ display: block;width: 78px; height: 8px; overflow: hidden;} .picsel a{ display: block; height: 42px;text-align: center; overflow: hidden;} .picsel a img{ margin-top: 1px;} .selbg{ background: #4682b4;} .pre{ background:#edf6ff url(285026_1249973331sHt6.gif) no-repeat; position: absolute;z-index: 1; top: 0; left: 1px;border-top: 1px solid #d6e5f5; } .pre2{ background:#edf6ff url(285026_1249973331sHt6.gif) 0 -18px no-repeat;position: absolute;z-index: 1; top: 0; left: 1px;border-top: 1px solid #d6e5f5; cursor: pointer; } .next{ background:#edf6ff url(285026_1249973331sHt6.gif) 0 -9px no-repeat; position: absolute; z-index: 1; bottom: 0; left: 1px;border-bottom: 1px solid #d6e5f5; cursor: pointer; } .next2{ background:#edf6ff url(285026_1249973331sHt6.gif) 0 -27px no-repeat; position: absolute; z-index: 1; bottom: 0; left: 1px;border-bottom: 1px solid #d6e5f5;} .seltype{ position: relative; z-index: 0; width: 78px; float: left; margin: 0 1px 0 1px;} --> </style> </head> <body> <div class="picshow"> <h2>Ne wp</h2> <div class="picsel"> <span id="pre" class="pre"></span> <span id="next" class="next2"></span> <div id="picsel" class="seltype"> <a href=""><img alt="" src="1bea477d1e3d2ff44d01121a989c02c5.jpg" /></a> <a href=""><img alt="" src="8dc8f0a4857b66af1f10cf01cbf9e713.jpg" /></a> <a href=""><img alt="" src="f993f1f47dfa8f2b2f553fd5d43a184e.jpg" /></a> <a href=""><img alt="" src="a71b4f698b329986d9bdaea8e1697197.jpg" /></a> <a href=""><img alt="" src="77e7ec3a6fc65aa327948c56c0b97189.jpg" /></a> <a href=""><img alt="" src="39425881e32cbb61ded0e80ba2ab4463.jpg" /></a> </div> </div> <dl> <dt><div id="pictype"> <a href=""><img alt="" src="d594540ef8c9899804e909ce47860065.jpg" /></a> <a href=""><img alt="" src="07373cc25309850d32728dcb6a536e3f.jpg" /></a> <a href=""><img alt="" src="681cad85b4ad73cf215eafe721a93ecd.jpg" /></a> <a href=""><img alt="" src="c699bd9b6567f55e29088615b61e1b89.jpg" /></a> <a href=""><img alt="" src="15fb84e7634425c050fbb9096520c869.jpg" /></a> <a href=""><img alt="" src="cb865b4c3c82c496118e7a1d3c284525.jpg" /></a> </div> <div id="other"></div> </dt> <dd><div id="txttype"> <h3><a href="">0AsOGrpd0 0GOTHecNN 09hnce,gW T\[YNN T T\OT9e</a></h3>q_GrN| +Rvr U\sQNfўNLùbR%fg\t^\sY~~vQ_... <h3><a href="">0BgO\pd0 0sIQ[l 0TVBt^^'Yb0ΞY6eq\KN\O</a></h3>q_\/njwNwN U\:yǏNs[0NS=N gp NYY NoeObkvR_e҉... <h3><a href="">0C8nb N}0 0ŏ 0[7bz bPSP3000 Tb/njNS8nD</h3>'YƀQMOsQ8nNt^Y)YsNHNswN [[ 5PޏsQb <h3><a href="">0DeGrd0 0fRW:S13~g 0 PSg_lVR\O'YGrge~\O.</a></h3> эw ЏRRY'YkS\NR\O]f^X^t\b)R~~TKbQoGre\O... <h3><a href="">0Ee\7uň0Q[ڋTSb gP-irSO hQ:WMQЏ9.</a></h3>~xQMQphQhwlkN VNN.U199CQ zsSSO... <h3><a href="">0F_PNgR:W0 0KNbN 0N]҇mT bv*gwuireQO0Wt</a></h3>kpr'YGrNQ=\ |i_'YVYN`O[ bNv_PN[ =\(W^^PgR:W... </div></dd> </dl> </div> <script type="text/javascript"> var pre = document.getElementById("pre"); var next = document.getElementById("next"); var picsel = document.getElementById("picsel"); var pictype = document.getElementById("pictype"); var txttype = document.getElementById("txttype"); var other = document.getElementById("other"); var ashover = picsel.getElementsByTagName("a"); var imgshover = picsel.getElementsByTagName("img"); var astype = pictype.getElementsByTagName("a"); var oastype = other.getElementsByTagName("a"); var h3type = txttype.getElementsByTagName("h3"); other.innerHTML = pictype.innerHTML; var y = 42; var t = 46; var n = 186; var q = 0; var x = 4; var sel_num = picsel.offsetHeight/y; var z = sel_num - 4; if(sel_num > 4){next.className = "next";} var f=0;//RYS var time=2000;//^ߏe function show(){ f=f>ashover.length-1?0:f;//Ygf>pe~^ R͑eK3){adda();}else{addc();} } var ssoc = setInterval("show()",time);//ꁨRd>e-2ygbLN!k 8l܏gbL NS function coolshow() { var onum = 9; var ssoa = setInterval(show_oa,30); function show_oa() { onum--;other.style.opacity = "0." + onum; other.style.filter="alpha(opacity=" + onum + "0)"; if(onum == 0) { clearInterval(ssoa); } } }/* RbcHeg */ next.onclick = adda; next.onmouseover = function() {clearInterval(ssoc);} next.onmouseout = function() {ssoc = setInterval("show()",time);} function adda() { if(sel_num > 4) { var w = 0; var o = -y*q; x++; pre.className = "pre2"; if(q == 0 || q > 0){q++;} var ssw = setInterval(show_w,10); } function show_w() { if(q < z || q == z) {w-=3;picsel.style.marginTop = (o + w) + "px";} if(w < -y+1) {clearInterval(ssw);} if(q > z) {q = z;clearInterval(ssw);} } if(x-sel_num == 0){next.className = "next2";} if(x-sel_num > 0){x = sel_num;} }/* Omȉ\VRh- NNud\O */ pre.onclick = addb; pre.onmouseover = function() {clearInterval(ssoc);} pre.onmouseout = function() {ssoc = setInterval("show()",time);} function addb() { if(x > 4) { var w = 0; var o = -y*q; x--; next.className = "next" q--; var sswb = setInterval(show_wb,10); } function show_wb() { if(q < z || q == z){w-=3;picsel.style.marginTop = (o + -w) + "px";} if(w < -y+1){clearInterval(sswb);} } if(x == 4) {pre.className = "pre";next.className = "next";} }/* Omȉ\VRh- NNud\O */ function addc() { if(x > 4) { var o = -y*q; x--; next.className = "next" q--; } picsel.style.marginTop = 0 + "px"; pre.className = "pre";next.className = "next"; }/* ꁨRd>e-Omȉ+g>\ԏV */ for(i = 0; i < oastype.length; i++) { oastype[i].onmouseover = function() {clearInterval(ssoc);} oastype[i].onmouseout = function() {ssoc = setInterval("show()",time);} } for(i = 0; i < h3type.length; i++) { h3type[i].onmouseover = function() {clearInterval(ssoc);} h3type[i].onmouseout = function() {ssoc = setInterval("show()",time);} } /* h(yeQ/yQ)'YVTeW[e(\Pbk/~~)ꁨRd>e */ for(i = 0; i < imgshover.length; i++) { imgshover[i].num = i; imgshover[i].onmouseover = typestyle; imgshover[i].onmouseout = function() {f = this.num+1;ssoc = setInterval("show()",time);} }/* h(yeQ/yQ)\VRhd\O */ function typestyle() { for(i = 0; i < ashover.length; i++) { ashover[i].className = ""; } ashover[this.num].className = "selbg"; var s = this.num var o = -n*s; var v = -t*s; pictype.style.marginTop = o + "px"; other.style.marginTop = o + "px"; txttype.style.marginTop = v + "px"; coolshow(); clearInterval(ssoc); } </script> <!-- %%%%%%%%%%%%%%%%%%%%%%% % n x 1r }Y  % #%%%%%%%%%%%%%%%%%%%%%%+% % % % cOnxS^N N} % % % % https://nowjava.com % % % % NR0RN0cؚ % %%%%%%%%%%%%%%%%%%%%%%% --> <style>.nowjava-demo-box{position:fixed;background-color:rgba(255,255,255,0.25);top:110px;right:5px;z-index:99998;visibility:hidden;opacity:0;pointer-events:none;transition:all .3s;width:200px;height:260px;font-family:"pingfang SC","helvetica neue",arial,"hiragino sans gb","microsoft yahei ui","microsoft yahei",simsun,sans-serif;font-size:15px}.nowjava-demo-box:target{visibility:visible;opacity:1;pointer-events:auto}.nowjava-demo-box>div{width:200px;height:260px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.4);font-size:15px;color:#fff;overflow:auto}.nowjava-demo-box .ctt{margin:0 2px 0 2px}.nowjava-demo-box h1{font-size:16px;margin:20px 2px 5px 2px}.nowjava-demo-box-close{color:#eee;line-height:22px;font-size:80%;position:absolute;right:0;text-align:center;top:0;width:50px;text-decoration:none}.nowjava-demo-box-close:hover{color:#ccc}.nowjava-demo-box-container{width:128px;height:34px;background-color:rgba(0,0,0,0.6);line-height:34px;text-align:center;color:#fff;font-size:13px;position:fixed;top:70px;right:5px;z-index:99999;cursor:pointer;border:1px solid #ccc;font-family:"pingfang SC","helvetica neue",arial,"hiragino sans gb","microsoft yahei ui","microsoft yahei",simsun,sans-serif}.nowjava-demo-box-container a{color:#fff}.nowjava-demo-box-container a:hover{color:#ddd}.nowjava-demo-box-container div:not(:last-of-type){margin-bottom:15px}.nowjava-demo-box-container .nowjava-d-btn{padding:0.2em;border-radius:3px;text-decoration:none}.nowjava-demo-box-container .nowjava-btn-icon{float:left;padding-left:10px;height:32px;line-height:32px;}.nowjava-demo-box-container .nowjava-btn-icon svg{margin:0;padding:0;width:16px;height:32px;line-height:32px;}</style><div class="nowjava-demo-box-container"><div class="interior"><div class="nowjava-btn-icon"><svg t="1586501309977" viewBox="0 0 1265 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14328" width="16" height="16"><path d="M1025.724758 311.892298A401.369796 401.369796 0 0 0 298.08016 182.41817a310.737906 310.737906 0 0 0 25.894826 621.475813 51.789651 51.789651 0 0 0 0-103.579302 207.158604 207.158604 0 0 1 0-414.317209h16.31374l5.178965-1.553689 4.40212-1.812638 4.661069-2.589483 3.884224-2.330534a27.707463 27.707463 0 0 0 4.143172-3.625276l3.366327-3.107379a20.456912 20.456912 0 0 0 3.107379-3.884223 22.787446 22.787446 0 0 0 3.107379-4.402121l1.294742-1.812638a298.049442 298.049442 0 0 1 557.515593 110.570905v1.55369a6.214758 6.214758 0 0 0 0 2.071586c0 2.589483 0 5.178965 1.812638 7.768448v1.553689a51.789651 51.789651 0 0 0 3.625276 7.768448 51.789651 51.789651 0 0 0 44.021203 25.894825h8.027396a133.876248 133.876248 0 0 1 21.751654-2.589482 142.42154 142.42154 0 0 1 0 284.843081H971.345624a51.789651 51.789651 0 0 0 0 103.579302h38.842239a245.741894 245.741894 0 0 0 15.536895-492.001685z" fill="#ffffff" p-id="14329"></path><path d="M781.795501 803.893983l-87.783458 87.783459V519.050902a38.842238 38.842238 0 0 0-77.684477 0v372.367591L528.803056 803.893983a38.842238 38.842238 0 0 0-54.89703 55.155978l153.815263 153.815264a35.734859 35.734859 0 0 0 12.170568 8.027396 41.949617 41.949617 0 0 0 13.983206 2.589482 38.065394 38.065394 0 0 0 14.501103-2.84843 38.842238 38.842238 0 0 0 13.206361-9.063189l153.556315-153.556316A38.842238 38.842238 0 1 0 781.795501 803.893983z" fill="#ffffff" p-id="14330"></path></svg></div><a class="nowjava-d-btn" target="_blank" href="https://nowjava.com/download/24528"> N}Nx</a><a class="nowjava-d-btn" href="#nowjava-open-box">f</a></div></div><div id="nowjava-open-box" class="nowjava-demo-box"><div><a href="#nowjava-close-box" title="sQ" class="nowjava-demo-box-close">XsQ</a><h1>ŏ w wQuVGr c&qpVRbcHegNx</h1><div class="ctt">ŏ w wQu&qpVRbcHegNx [hQ(uJavaScript[svQuVGryrHe l gO(ujQueryI{cN FO/fHegnx[ N $NVGrRbce؏&^ g!j|yrHe Yg`O(WZPN*NƉz ,g&qpV^8^T`0</div></div></div><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?85351496e33f9c28bf5d2532431429fe";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></body> </html>