js實現廣告漂浮效果的小例子

這篇文章介紹了在JS中廣告漂浮效果的實現代碼有需要的朋友可以參考一下復制代碼代碼如下:

　　
<html>
<head>
<meta httpequiv="ContentType" content="text/html; charset=gb" />
<title></title>
<style type="text/css">
div{
position:absolute;
}
</style>
</head>
<body>
<div id="floatdiv">
<img src="jpg" height="px" width="px">

　　</div>
</body>
</html>
<script language="javascript" type="text/javascript">
/*
利用window對象實現浮動效果

　　有一個div就是我們要控制的它的起始點坐標（）
設定橫向和縱向的速度
控制div移動
）div是否到達邊界設置圖片速度反向移動
*/
//獲取圖片所在的div對象

var img=documentgetElementById("floatdiv");
//設置div起始點坐標
var x=y=;
//設置div行進速度
var xSpeed=ySpeed=;
//設置圖片移動
var w=documentbodyclientWidthh=documentbodyclientHeight;
function floatdiv(){
//比較圖片是否到達邊界如查到達邊界改變方向;如未到達邊界
if(x>w||x<) xSpeed= xSpeed;
if(y>h||y<) ySpeed= ySpeed;

x+=xSpeed;
y+=ySpeed;

//設置坐標值起始坐標+速度
imgstyletop=y+"px";
imgstyleleft=x+"px";
setTimeout("floatdiv()");
}
floatdiv();
</script>

From:http://tw.wingwit.com/Article/program/net/201311/14043.html