代码精简的多漂浮广告代码
本帖最后由 小麦子 于 2024-10-18 23:52 编辑相对于其它的漂浮广告代码，这款代码比较简洁，调用方便，效果也不错，修改方便，可同时漂浮多个广告，互不干扰。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<title>漂浮广告</title>
<BODY>
<img src="广告图片地址" id="webjx1" border=1>
<img src="广告图片地址" id="webjx2" border=1>
<img src="广告图片地址" 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>
页:
[1]