<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<style type="text/css">
<!--
.STYLE1 {
color: #FF0000;
font-size: large;
}
-->
</style>
</HEAD>
<BODY leftMargin=0 topMargin=0>
<table width="700px" border="0" align="center">
<tr height="700px">
<td><span class="STYLE1">在页面内自由飘动的小广告</span></td>
</tr>
</table>
<DIV id=img
style="Z-INDEX: 10; WIDTH: 100px; POSITION: absolute; HEIGHT: 100px"><A
href="#" target=_blank><IMG height=100
alt="" src="1.jpg" width=100 border=0>
</A></DIV>
<SCRIPT language=JavaScript type="">
<!--浮动的层
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;
//clientWidth是对象看到的宽度（不含边线）
//offsetWidth是对象看到的宽度（含边线，如滚动条的占用的宽，值会随着内容的输入而不断改变）
//scrollWidth是对象实际内容的宽度。
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);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}else{
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</SCRIPT>
</BODY></HTML>
posted on
