漂浮广告的js代码 js图片漂浮特效
例子，js漂浮广告的代码。
<head>
<title>漂浮广告代码_www.jquerycn.cn</title>
</head>
<body>
<div id="img" style="position:absolute;z-index=99;">
<a href="/"><img src="/jscss/demoimg/logo_demo1.gif" border="0" alt='img'></a>
</div>
<script language="javascript">
<!-- begin
var xpos = document.body.clientwidth-20;
var ypos = document.body.clientheight/2;
var step = 1;
var delay = 5;
var height = 0;
var hoffset = 0;
var woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = ypos;
function changepos() {
width = document.body.clientwidth;
height = document.body.clientheight;
hoffset = img.offsetheight;
woffset = img.offsetwidth;
img.style.left = xpos + document.body.scrollleft;
img.style.top = ypos + document.body.scrolltop;
if (yon) {
ypos = ypos + step;
}else {
ypos = ypos - step;
}
if (ypos < 0) {
yon = 1;
ypos = 0;
}
if (ypos >= (height - hoffset)) {
yon = 0;
ypos = (height - hoffset);
}
if (xon) {
xpos = xpos + step;
}else {
xpos = xpos - step;
}
if (xpos < 0) {
xon = 1;
xpos = 0;
}
if (xpos >= (width - woffset)) {
xon = 0;
xpos = (width - woffset);
}
}
function start() {
img.visibility = "visible";
interval = setinterval('changepos()', delay);
}
start();
img.onmouseover = function() {
clearinterval(interval);
interval = null;
}
img.onmouseout = function() {
interval = setinterval('changepos()', delay);
}
// end -->
</script>
</body>
</html>
您可能感兴趣的文章：
js漂浮广告代码示例
js全屏漂浮广告代码 移入光标停止移动
js实现漂浮广告效果的代码
js右侧漂浮广告的小例子
JS全屏漂浮广告、移入光标停止移动
js漂浮广告代码大全
漂浮广告的js代码 js图片漂浮特效
js漂浮广告代码 js弹性漂浮广告
Js全屏漂浮广告效果的代码示例
网页右侧漂浮广告窗口的js代码