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

2024-04-27 13:59:58

字体：大中小

来源：转载

供稿：网友

<scr<a href="http://ip.vevb.com/">ip</a>t>var zoomimages=new Array("/img/200406301.jpg","/img/200406302.jpg","/img/200406303.jpg","/img/200406304.jpg","/img/200406305.jpg")</script><script>// more <a href="http://www.vevb.com/article.asp?typeid=160">java</a>script from http://www.vevb.comvar img<a href="http://pr.vevb.com/">PR</a>eload=new Array()for (i=0;i<=zoomimages.length;i++) { imgpreload[i]=new Image() imgpreload[i].src=zoomimages[i]}var zoomfactor=8var positionleft=0var positiontop=0var timervar marginright=0var i_fadestrength=5var i_images=0var step=1var contentvar imageboxwidthriginal=0var imageboxwidth=0var imageboxheight=0var bodywidth=0var bodyheight=0function 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>

上一篇：带关闭功能的网页漂浮广告特效代码展示

下一篇：网页特效:另类的网页中的弹出小窗口