漂浮广告

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了漂浮广告相关的知识,希望对你有一定的参考价值。

<div id="img" style="position:absolute;; width: 561; height: 473"><a href="http://www.aqsw.cn/index.asp" target="_blank">
<img src="images/fudong.jpg" border="0"></a></div>
<script LANGUAGE="javascript">
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>

以上是关于漂浮广告的主要内容,如果未能解决你的问题,请参考以下文章

随机漂浮图片广告实例代码

js或者CSS带关闭的漂浮广告代码

原生JS制作简单的漂浮广告

JS实现弹性漂浮广告代码

漂浮广告

漂浮广告窗