漂动的图片-JS特效-爱易网页

漂动的图片

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

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

以下是程序代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
<img src="http://img.aiyiweb.com/mylogo2.gif" width="92" height="34" id="webjx1" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<img src="http://img.aiyiweb.com/mylogo2.gif" width="92" height="34" id="webjx2" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<img src="http://img.aiyiweb.com/mylogo2.gif" width="92" height="34" id="webjx3" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<img src="http://img.aiyiweb.com/mylogo2.gif" width="92" height="34" id="webjx4" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
<SCRIPT LANGUAGE="JavaScript">

GoGoGo("webjx1");
GoGoGo("webjx3");

GoGoGo("webjx2");
GoGoGo("webjx4");

function GoGoGo(objName)
{
var img=document.getElementById(objName) ;
img.style.position="absolute";
img.style.left=parseInt(window.screen.availWidth*Math.random()) + "px";
img.style.top=parseInt(window.screen.availHeight*Math.random()) + "px";
img.setAttribute("xDir",1);//¶¨Òå¿ªÊ¼xµÄ·½Ïò
img.setAttribute("yDir",1);//¶¨Òå¿ªÊ¼xµÄ·½Ïò
window.setInterval("randPosition(" + objName + ")","10","JavaScript");
}

function randPosition(obj)
{
var x=parseInt(obj.style.left);
if(x>=window.screen.availWidth-obj.width-20)
obj.setAttribute("xDir",-1);
if(x<=0)
obj.setAttribute("xDir",1);
x+=parseInt(obj.getAttribute("xDir"));

var y=parseInt(obj.style.top);
if(y>=window.screen.availHeight-obj.height-100)
obj.setAttribute("yDir",-1);
if(y<=0)
obj.setAttribute("yDir",1);
y+=parseInt(obj.getAttribute("yDir"));
 
obj.style.left=x +"px";
obj.style.top =y +"px";

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

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

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

漂动的图片

相关资料更多>

推荐阅读更多>