代码精简的漂浮广告代码_综合其它特效

相对于其它的漂浮广告代码，这款代码比较简洁，调用方便，效果也不错，修改方便，可同时漂浮多个广告，互不干扰。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<title>漂浮广告</title>
<BODY>
<img src="/jscss/demoimg/logo_demo1.gif" id="webjx1" border=1>
<img src="/jscss/demoimg/logo_demo1.gif" id="webjx2" border=1>
<img src="/jscss/demoimg/logo_demo1.gif" id="webjx3" border=1>
<SCRIPT LANGUAGE="JavaScript">

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

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);
img.setAttribute("yDir",1);
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>

所属频道：综合其它特效/更新时间：2013-06-03

[收藏][报错][返回列表]

代码精简的漂浮广告代码_综合其它特效

综合其它特效Rss订阅特效代码搜索

综合其它特效推荐

猜你也喜欢看这些