遮天,殿上欢,斗破苍穹续集

<ul id="4sqcc"></ul>

- 龍誠動態(tài)
  
  行業(yè)新聞
  
  我們的觀點
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報價
  - 聯(lián)系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯(lián)系手機：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(shù)
  <!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> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <title>js控制圖層展開與隱藏特效</title> <style type="text/css"> #show{ margin:10px; } .list{ position:relative;; background:#eee; border:1px #ccc solid; margin:10px; height:30px; width:100px; cursor:pointer; } .listShow{ position:relative; background:#eff; border:1px #ddd solid; margin:10px; height:30px; width:100px; cursor:pointer ; } .comment{ position:absolute; left:0; display:none; position:absolute; border:1px #ccc solid; background:#fee; width:200px; height:200px; overflow:hidden; z-index:100; } </style> </head> <body> <div id="0kkqlfz" class="" id="show">0</div> <div id="0kkqlfz" class="list" id="list1">關(guān)于龍誠 <div id="0kkqlfz" class="comment" id="comment1">關(guān)于我們</div> </div> <div id="0kkqlfz" class="list" id="list2">龍誠榮譽 <div id="0kkqlfz" class="comment" id="comment2">龍誠互聯(lián)</div> </div> <div id="0kkqlfz" class="list" id="list3">我們的案例 <div id="0kkqlfz" class="comment" id="comment3">案例展示</div> </div> <div id="0kkqlfz" class="list" id="list4">人才招聘 <div id="0kkqlfz" class="comment" id="comment4">龍誠招聘</div> </div> <div id="0kkqlfz" class="list" id="list5">訂單提交 <div id="0kkqlfz" class="comment" id="comment5">訂單中心</div> </div> <div id="0kkqlfz" class="list" id="list6">聯(lián)系我們 <div id="0kkqlfz" class="comment" id="comment6">聯(lián)系我們</div> </div> <script language="javascript"> var zindex=0; function $id(id){ return document.getElementById(id); } var Bind = function(object,fun){ var args = Array.prototype.slice.call(arguments).slice(2); return function(){ return fun.apply(object,args); } } function addEventHandler(oTarget, sEventType, fnHandler){ if(oTarget.addEventListener){oTarget.addEventListener(sEventType, fnHandler, false);} else if(oTarget.attachEvent){oTarget.attachEvent('on' + sEventType, fnHandler);} else{oTarget['on' + sEventType] = fnHandler;} } var Shower=function(){ this.list=null; this.comment=null; this.moveLeft=80; //彈出div的水平偏移距離 this.moveTop=20; //彈出div的豎直偏移距離 this.height=150; //彈出div的高 this.width=250; //彈出div的寬 this.time=800; //彈出div所用時間 this.init=function(lisObj,comObj){ this.list=lisObj; this.comment=comObj; var _this=this; this._fnMove=Bind(this,this.move); (function(){ var obj=_this; addEventHandler(obj.list,"click",obj._fnMove); })(); }; this.move=function(){ var _this=this; var w=0; //水平偏移 var h=0; //豎直偏移 var height=0; //彈出div的高 var width=0; //彈出div的寬 var t=0; var startTime = new Date().getTime();//開始執(zhí)行的時間 if(!_this.comment.style.display||_this.comment.style.display=="none"){ _this.comment.style.display="block"; _this.comment.style.height=0+"px"; _this.comment.style.width=0+"px"; _this.list.style.zIndex=++zindex; _this.list.className="listShow"; var comment=_this.comment.innerHTML; _this.comment.innerHTML=""; //去掉顯示內(nèi)容 var timer=setInterval(function(){ var newTime = new Date().getTime(); var timestamp = newTime - startTime; _this.comment.style.left=Math.ceil(w)+"px"; _this.comment.style.top=Math.ceil(h)+"px"; _this.comment.style.height=height+"px"; _this.comment.style.width=width+"px"; t++; var change=(Math.pow((timestamp/_this.time-1), 3) +1); //根據(jù)運行時間得到基礎(chǔ)變化量 w=_this.moveLeft*change; h=_this.moveTop*change; height=_this.height*change; width=_this.width*change; $id("show").innerHTML=w; if(w>_this.moveLeft){ clearInterval(timer); _this.comment.style.left=_this.moveLeft+"px"; _this.comment.style.top=_this.moveTop+"px"; _this.comment.style.height=_this.height+"px"; _this.comment.style.width=_this.width+"px"; _this.comment.innerHTML=comment; //回復(fù)顯示內(nèi)容 } },1,_this.comment); }else{ _this.hidden(); } } this.hidden=function(){ var _this=this; var flag=1; var hiddenTimer=setInterval(function(){ if(flag==1){ _this.comment.style.height=parseInt(_this.comment.style.height)-10+"px"; }else{ _this.comment.style.width=parseInt(_this.comment.style.width)-15+"px"; _this.comment.style.left=parseInt(_this.comment.style.left)+5+"px"; } if(flag==1 && parseInt(_this.comment.style.height)<10){ flag=-flag; } if(parseInt(_this.comment.style.width)<20){ clearInterval(hiddenTimer); _this.comment.style.left="0px"; _this.comment.style.top="0px"; _this.comment.style.height="0px"; _this.comment.style.width="0px"; _this.comment.style.display="none"; if(_this.list.style.zIndex==zindex){ zindex--; }; _this.list.style.zIndex=0; _this.list.className="list"; } },1) } } window.onload=function(){ //建立各個菜單對象 var shower1=new Shower(); shower1.init($id("list1"),$id("comment1")); var shower2=new Shower(); shower2.init($id("list2"),$id("comment2")); var shower3=new Shower(); shower3.init($id("list3"),$id("comment3")); var shower4=new Shower(); shower4.init($id("list4"),$id("comment4")); var shower5=new Shower(); shower5.init($id("list5"),$id("comment5")); var shower6=new Shower(); shower6.init($id("list6"),$id("comment6")); } </script> </body> </html>

欧美成人69-欧美成人aaaa免费高清-欧美成人aaa大片-欧美成人xxxx-大杳蕉伊人狼人久久一本线-大又大粗又爽又黄少妇毛片