图片左右飞舞-JS特效-爱易网页

图片左右飞舞

日期：2014-05-18　浏览次数：20215 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
第一步:把如下代码加入<body>区域中
<script language="JavaScript">
 var pos1=-95;
 var pos2=-95;
 var pos3=-95;
 var pos4=-95;

var speed1 = Math.floor(Math.random()*10)+2;
 var speed2 = Math.floor(Math.random()*10)+2;
 var speed3 = Math.floor(Math.random()*10)+2;
 var speed4 = Math.floor(Math.random()*10)+2;

function next() {
    pos1 += speed1;
    pos2 += speed2;
    pos3 += speed3;
    pos4 += speed4;

if (pos1 > 795) pos1 = -95;
    if (pos2 > 795) pos2 = -95;
    if (pos3 > 795) pos3 = -95;
    if (pos4 > 795) pos4 = -95;

if (document.layers) {
       document.layers[0].left = pos1;
       document.layers[1].left = pos2;
       document.layers[2].left = pos3;
       document.layers[3].left = pos4;

}
    else {
       mouse1.style.left = pos1;
       mouse2.style.left = pos2;
       mouse3.style.left = pos3;
       mouse4.style.left = pos4;

}
    window.setTimeout("next();",10);
 }
 </script>
 <div id="mouse1"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 165px; WIDTH: 100px">
<dd><img alt border="0" src="http://img.aiyiweb.com/mylogo.gif" width="30" height="30" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> </dd>
</div><div id="mouse2"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 250px; WIDTH: 100px">
<dd><img alt border="0" src="http://img.aiyiweb.com/mylogo1.gif" width="72" height="32" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></dd>
</div><div id="mouse3"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 333px; WIDTH: 100px">
<dd><img alt border="0" src="http://img.aiyiweb.com/mylogo2.gif" width="72" height="32" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></dd>
</div><div id="mouse4"
style="HEIGHT: 100px; LEFT: 0px; POSITION: absolute; TOP: 415px; WIDTH: 100px">
<dd><img alt border="0" src="http://img.aiyiweb.com/mylogo3.gif" width="72" height="32" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></dd>
</div>

第二步：把<body>区域中的内容改为
<body bgcolor="#fef4d9" onload="next();">

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

图片左右飞舞

相关资料更多>

推荐阅读更多>