把这个代码复制到一个新建的htm中就可以看到效果了
<div id="img" style="position:absolute;">
<a style="cursor:hand;" href="http://happy2008.yeepay.com/10027" target="_blank"><img src="images/tp.jpg"

width="210" height="100" border="0" onclick="javascript:window.hide()" /></a>
</div>
下面的部分可以放在一个js文件里面
<SCRIPT LANGUAGE="JavaScript">
function hide()

...{
img.style.visibility="hidden";
}
</script>

<SCRIPT LANGUAGE="JavaScript">
<!--
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
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 www_helpor_net() ...{
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www_helpor_net();

-->
</script>
<div id="img" style="position:absolute;">
<a style="cursor:hand;" href="http://happy2008.yeepay.com/10027" target="_blank"><img src="images/tp.jpg"
width="210" height="100" border="0" onclick="javascript:window.hide()" /></a>
</div> 下面的部分可以放在一个js文件里面
<SCRIPT LANGUAGE="JavaScript">
function hide()
...{
img.style.visibility="hidden";
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!--
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
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 www_helpor_net() ...{
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www_helpor_net();
-->
</script>
本文提供了一段HTML和JavaScript代码,用于实现一个页面上的浮动图片广告效果。该广告能够随着用户的滚动而移动,并且可以通过点击隐藏。代码详细展示了如何设置图片的位置属性以及使用JavaScript来动态调整这些位置。
1116

被折叠的 条评论
为什么被折叠?



