自由移动和切换的图片特效代码
演示效果：正在演示中
代码提示：将下面的代码复制到〈BODY〉与〈/BODY〉中
第一步:把如下代码加入<body>区域中 <script language="JavaScript"> <!-- Naughty Windows Script by kurt.grigg@virgin.net //修改图像地址 pics=new Array('001s.jpg','017s.jpg','002s.jpg','003s.jpg','004s.jpg','009s.jpg','017s.jpg') load=new Array(); function PreLoad(){ for(i=0; i < pics.length; i++) { load[i]=new Image(); load[i].src=pics[i]; } } PreLoad(); BY=-22; BX=-17; NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); L=null; if (NS4){ document.write("<LAYER NAME='netscape' LEFT=0 TOP=0><img name='n' src="+load[0].src+"></LAYER>"); } if (NS6){ document.write("<img id='n6' src='"+load[0].src+"' style='position:absolute;top:0px;left:0px'>"); } if (IE4){ document.write("<div style='position:absolute;top:0px;left:0px'><div style='position:relative'>"); document.write("<img id='explorer' src='"+load[0].src+"' style='position:absolute;top:0px;left:0px'>"); document.write("</div></div>") } R=0,PB=0,RD=0,Y=0,X=0,D=0,VB=0,HB=0; Y=10;X=10;D=Math.floor(Math.random()*60+10); function Curve(){ plusMinus=new Array(1,-1,2,-2,3,-3,0,1,-1) R=Math.floor(Math.random()*plusMinus.length); RD=plusMinus[R]; setTimeout('Curve()',1800); } function MoveRandom(){ setTimeout('MoveRandom()',10); var H=(NS6||NS4)?window.innerHeight:document.body.clientHeight; var W=(NS6||NS4)?window.innerWidth:document.body.clientWidth; var YS=(NS6||NS4)?window.pageYOffset:document.body.scrollTop; var XS=(NS6||NS4)?window.pageXOffset:document.body.scrollLeft; PB=D+=RD; y = 3*Math.sin(PB*Math.PI/180); x = 3*Math.cos(PB*Math.PI/180); if (D < 0) D+=360; Y+=y; X+=x; VB=180-D; HB=0-D; if ((Y < 1) && (X < 1)) {Y=1;X=1;D=45;} if ((Y < 1) && (X > W+BX)) {Y=1;X=W+BX;D=135;} if ((Y > H+BY) && (X < 1)) {Y=H+BY;X=1;D=315;} if ((Y > H+BY) && (X > W+BX)) {Y=H+BY;X=W+BX;D=225;} if (Y < 1) {Y=1;D=HB;} if (Y > H+BY) {Y=H+BY;D=HB;} if (X < 1) {X=1;D=VB;} if (X > W+BX) {X=W+BX;D=VB;} if (NS4)L=document.netscape; if (NS6)L=document.getElementById("n6").style; if (IE4)L=explorer.style; L.top=Y+YS; L.left=X+XS; } count=0; move=1; function picSwap(){ if (count >= pics.length)count=0; if (NS4) document.layers['netscape'].document.images['n'].src=pics[count]; if (NS6) document.getElementById("n6").src=pics[count]; if (IE4) explorer.src=pics[count]; count+=move; setTimeout('picSwap()',2500); } function sTaRt(){Curve();MoveRandom();picSwap()} window.onload=sTaRt; //--> </script> 第二步:修改<body***>中的内容，将下面的代码加入原<body***>中 onLoad="sTaRt()"
返回目录