js漂浮广告代码演示
1,html部分
<head>
</head>
<body>
<div id="img" style="position:absolute;; width: 200; height: 151"><img src="01.jpg" border="0"></div>
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a
<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>
</body>
</html>
2,js代码(js漂浮广告代码)
var xpos = 20;
var ypos = 10;
img.style.left= xpos;
img.style.top = ypos;
var step = 1;
var delay = 30;
var width,height,hoffset,woffset;
var y = 1;
var x = 1;
var interval;
img.visibility = "visible";
function changepos()
{
width = document.body.clientwidth;
height = document.body.clientheight;
hoffset = img.offsetheight;
woffset = img.offsetwidth;
if (y)
{
ypos = ypos + step;
}
else
{
ypos = ypos - step;
}
if (ypos < 0)
{
y = 1;
ypos = 0;
}
if (ypos >= (height - hoffset))
{
y = 0;
ypos = (height - hoffset);
}
if (x)
{
xpos = xpos + step;
}
else
{
xpos = xpos - step;
}
if (xpos < 0)
{
x = 1;
xpos = 0;
}
if (xpos >= (width - woffset))
{
x = 0;
xpos = (width - woffset);
}
img.style.left = xpos + document.body.scrollleft;
img.style.top = ypos + document.body.scrolltop;
}
function start()
{
interval = setinterval('changepos()', delay);
}
function pause_resume()
{
clearinterval(interval);
}
start();
</script>
</body>
</html>
您可能感兴趣的文章:
js全屏漂浮广告代码 移入光标停止移动
js漂浮广告代码示例
JS全屏漂浮广告、移入光标停止移动
js右侧漂浮广告的小例子
漂浮广告的经典js代码
js漂浮广告代码大全
js漂浮广告代码 js弹性漂浮广告
js实现漂浮广告效果的代码
Js全屏漂浮广告效果的代码示例
js 居中漂浮广告代码