这篇文章介绍了在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>
