网页菜单特效通用的三级联动菜单-脚本在线

AI智能体脚本智能办公脚本自动化游戏脚本浏览器自动化脚本服务器脚本

网页菜单特效通用的三级联动菜单

作者：互联网

2009-06-20

网页特效

<script> var zoomimages=new Array("/img/200406301.jpg","/img/200406302.jpg","/img/200406303.jpg","/img/200406304.jpg","/img/200406305.jpg") </script> <script> // more javascript from http://www.downco*d**es.com var imgpreload=new Array() for (i=0;i<=zoomimages.length;i++) { imgpreload[i]=new Image() imgpreload[i].src=zoomimages[i] } var zoomfactor=8 var positionleft=0 var positiontop=0 var timer var marginright=0 var i_fadestrength=5 var i_images=0 var step=1 var content var imageboxwidthriginal=0 var imageboxwidth=0 var imageboxheight=0 var bodywidth=0 var bodyheight=0 function setimage() { document.all.imagebox.style.visibility="hidden" bodywidth=document.body.clientWidth bodyheight=document.body.clientHeight if (i_images>=zoomimages.length) {i_images=0} content="<img name='newpic' src='"+zoomimages[i_images]+"'>" imagebox.innerHTML=content imageboxwidthoriginal=document.newpic.width content="<img name='newpic' src='"+zoomimages[i_images]+"' width=1>" imagebox.innerHTML=content document.all.imagebox.style.visibility="visible" imagebox.filters.alpha.opacity=100 zoomin() } function zoomin() { if (imageboxwidth<(imageboxwidthoriginal/1.3)) { imageboxwidth+=zoomfactor content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidth+"'>" imagebox.innerHTML=content imageboxwidth=document.newpic.width imageboxheight=document.newpic.height document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2 document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2 document.all.imagebox.style.overflowX="hidden" document.all.imagebox.style.visibility="visible" step+=1.1 imageboxwidth+=step timer=setTimeout("zoomin()",50) } else { clearTimeout(timer) content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidthoriginal+"'>" imagebox.innerHTML=content imageboxwidth=document.newpic.width imageboxheight=document.newpic.height document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2 document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2 document.all.imagebox.style.overflowX="hidden" document.all.imagebox.style.visibility="visible" i_fadestrength=0; timer=setTimeout("zoomout()",2000) } } function zoomout() { if (i_fadestrength<120) { imageboxwidth+=zoomfactor content="<img name='newpic' src='"+zoomimages[i_images]+"' width='"+imageboxwidth+"'>" imagebox.innerHTML=content imageboxwidth=document.newpic.width imageboxheight=document.newpic.height imagebox.filters.alpha.opacity=Math.floor(100-i_fadestrength) document.all.imagebox.style.posLeft=bodywidth/2-imageboxwidth/2 document.all.imagebox.style.posTop=bodyheight/2-imageboxheight/2 document.all.imagebox.style.overflowX="hidden" document.all.imagebox.style.visibility="visible" step+=1.5 i_fadestrength+=step timer=setTimeout("zoomout()",50) } else { clearTimeout(timer) i_fadestrength=0; step=1; i_images++ imageboxwidth=0 setimage() } } if (document.all) { document.write("<DIV id='imagebox' style='position:absolute;filter:alpha(opacity=0);'></DIV>") } if (document.all) { onload=setimage } </script>