水平飞舞的图片-JS特效-爱易网页

水平飞舞的图片

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

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

以下是程序代码

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>爱易网网页特效演示，水平飞舞的图片</title>
</head>

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://www.aiyiweb.com/UploadPic/userface/no1323.jpg" width="80" height="70" 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://www.aiyiweb.com/images/face/image21.gif" width="70" height="60" 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://www.aiyiweb.com/UploadPic/userface/no1323.jpg" width="72" height="61" 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://www.aiyiweb.com/images/face/image21.gif" width="50" height="45" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></dd>
</div>

</body>

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

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

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

水平飞舞的图片

相关资料更多>

推荐阅读更多>