代碼精簡的漂浮廣告代碼_綜合其它特效

相對于其它的漂浮廣告代碼，這款代碼比較簡潔，調用方便，效果也不錯，修改方便，可同時漂浮多個廣告，互不干擾。

<!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訂閱特效代碼搜索

綜合其它特效推薦

猜你也喜歡看這些