日韩av在线中文字幕,中文字幕视频在线免费,欧美亚洲日本精品

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>海賊王</title> <style type="text/css"> body{margin:0px;padding:0px;overflow:hidden;background:#151515;} #box{width:710px;height:350px;padding:2px 0 2px 2px;margin:210px auto;background:#111;} #box ul{margin:0px;padding:0px;float:left;} #box li{width:75px;height:350px;float:left;display:inline;margin-right:2px;overflow:hidden;list-style-type:none;position:relative;} .pos1, .pos2, .pos3, .pos4, .pos5{width:75px;height:350px;float:left;text-decoration:none;} .pos1 span, .pos2 span, .pos3 span, .pos4 span, .pos5 span{width:75px;height:350px;float:left;top:0px;left:0px;filter:alpha(opacity=10);opacity:0.1;overflow:hidden;position:absolute; text-decoration:none;} .pos1 span.preview{background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg</a>) no-repeat;} .pos1 span.img_pre{left:75px;background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg</a>) no-repeat;} .pos2 span.preview{background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg</a>) no-repeat -75px 0;} .pos2 span.img_pre{left:75px;background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg</a>) no-repeat -75px 0;} .pos3 span.preview{background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg</a>) no-repeat -152px 0;} .pos3 span.img_pre{left:75px;filter:alpha(opacity=100);opacity:1;background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg</a>) no-repeat -152px 0;} .pos4 span.preview{background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg</a>) no-repeat -228px 0;} .pos4 span.img_pre{left:75px;background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg</a>) no-repeat -228px 0;} .pos5 span.preview{background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/bw.jpg</a>) no-repeat -303px 0;} .pos5 span.img_pre{left:75px;background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/color.jpg</a>) no-repeat -303px 0;} .inner {width:280px;height:310px;float:left;padding:20px;background:#fff;overflow:hidden;border-right:5px solid #f0f0f0; position:absolute;top:0px;left:75px;} .inner h2{width:280px;height:60px;float:left;color:#555555;font-family:"微軟雅黑";line-height:60px;font-size:18px;text-indent:10px;margin:0px;padding:0px;background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/stripe_light.gif" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/stripe_light.gif</a>);} .inner h3{width:280px;height:40px;float:left;color:#fff;font-family:"微軟雅黑";line-height:40px;font-size:14px;text-indent:10px;margin:0px;padding:0px;background:url(<a href="http://zf4uc1.chinaw3.com/script/accordion/images/stripe.gif" target="_blank">http://zf4uc1.chinaw3.com/script/accordion/images/stripe.gif</a>);} .inner p{width:260px;height:200px;float:left;color:#000;font-family:"微軟雅黑";line-height:25px;font-size:12px;margin:0px;padding:0px 10px;} </style> <script type="text/javascript"> window.onload = function(){ var oBox = document.getElementById('box'); var aLi = oBox.getElementsByTagName('li'); var aA = oBox.getElementsByTagName('a'); var aPrev = getClass(oBox, 'preview'); var aImg = getClass(oBox, 'img_pre'); var i = 0; for(i=0;i<aA.length;i++){ aA[i].index = i; aA[i].onclick = function(){ for(i=0;i<aLi.length;i++){ if(aLi[this.index].style.width != '400px')startMove(aLi[i], {width:75}, 5); startMove(aPrev[i], {opacity:10}, 5); startMove(aImg[i], {opacity:0, left:75}, 5); } if(aLi[this.index].style.width != '400px'){ startMove(oBox, {width:710}, 5); startMove(aImg[this.index], {opacity:100, left:0}, 5); startMove(aLi[this.index], {width:400}, 5); }else{ startMove(aLi[this.index], {width:75}, 5); for(i=0;i<aLi.length;i++){ startMove(aPrev[i], {opacity:100}, 5); } startMove(oBox, {width:385}, 5); } }; } }; function getClass(oParent, sClass){ var aElem = oParent.getElementsByTagName('*'); var aClass = []; var i = 0; for(i=0;i<aElem.length;i++)if(aElem[i].className == sClass)aClass.push(aElem[i]); return aClass; } function startMove(obj, json, iT, fnEnd){ if(obj.timer)clearInterval(obj.timer); obj.timer = setInterval(function (){ doMove(obj, json, iT, fnEnd); }, 30); } function getStyle(obj, attr){ return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr]; } function doMove(obj, json, iT, fnEnd){ var iCur = 0; var attr = ''; var bStop = true; for(attr in json){ attr == 'opacity' ? iCur = parseInt(100*parseFloat(getStyle(obj, 'opacity'))) : iCur = parseInt(getStyle(obj, attr)); if(isNaN(iCur))iCur = 0; var iSpeed = (json[attr]-iCur) / iT; iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed); if(parseInt(json[attr])!=iCur)bStop = false; if(attr=='opacity'){ obj.style.filter = "alpha(opacity:"+(iCur+iSpeed)+")"; obj.style.opacity = (iCur + iSpeed) / 100; }else{ attr == 'zIndex' ? obj.style[attr] = iCur + iSpeed : obj.style[attr] = iCur + iSpeed +'px'; } } if(bStop){ clearInterval(obj.timer); obj.timer = null; if(fnEnd)fnEnd(); } } </script> </head> <body> <div class="h3y5qc5" id="box"> <li> <a href="javascript:;" class="pos1"> <span id="imkgnzi" class="preview"></span> <span id="6je05u5" class="img_pre"></span> </a> <div id="ptqp5ux" class="inner"> <h2>烏索普</h2> <h3>草帽海賊團【狙擊手】</h3> <p>懸賞：3000萬（司法島事件）</p> </div> </li> <li> <a href="javascript:;" class="pos2"> <span id="7qg1cis" class="preview"></span> <span id="kzkvqsd" class="img_pre"></span> </a> <div id="tmmlokn" class="inner"> <h2>羅羅諾亞·索隆</h2> <h3>草帽海賊團【劍士】</h3> <p>懸賞：6千萬（阿拉巴斯坦事件）→1億2000萬（司法島事件）</p> </div> </li> <li style="width:400px;"> <a href="javascript:;" class="pos3"> <span id="qytzqom" class="preview"></span> <span id="4t3gyfa" class="img_pre" style="left:0px;"></span> </a> <div id="xd11e6x" class="inner"> <h2>蒙其·D·路飛</h2> <h3>草帽海賊團【船長】</h3> <p>惡魔果實：橡膠果實<br />懸賞：3千萬（可可亞西村事件）→1億（阿拉巴斯坦事件）→3億（司法島事件)→4億（頂上戰爭后）</p> </div> </li> <li> <a href="javascript:;" class="pos4"> <span id="h9lcmze" class="preview"></span> <span id="8s0ocne" class="img_pre"></span> </a> <div id="s1w8kva" class="inner"> <h2>娜美</h2> <h3>草帽海賊團【航海士】</h3> <p>懸賞：1600萬（司法島事件）</p> </div> </li> <li> <a href="javascript:;" class="pos5"> <span id="pjbhjry" class="preview"></span> <span id="ya6wuot" class="img_pre"></span> </a> <div id="d1oybwf" class="inner"> <h2>香吉士</h2> <h3>草帽海賊團【廚師】</h3> <p>懸賞：7700萬（司法島事件）</p> </div> </li> </div> </body> </html>