指定范围内广告漂浮
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
DIV#c {
Z-INDEX: 1; FILTER: alpha(opacity=100); LEFT: 100px; COLOR: red; POSITION: absolute; TOP: 200px; Width: 200px; Height: 200px; BACKGROUND-COLOR: #000000; opacity: 1
}
</style>
</HEAD>
<BODY>
<!--把下列代码放到body区域内-->
<body>
<div id=c>
afdsdsafads
<div id="ad" style="position:absolute">
<a href="#" target="_blank">
<img src="http://www.baidu.com/img/baidu.gif" border="0">
</a></div>
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 20
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var parentDiv= document.getElementById('c');
var R= parentDiv.clientWidth-obj.offsetWidth
var B = parentDiv.clientHeight-obj.offsetHeight
obj.style.left = x + parentDiv.scrollLeft
obj.style.top = y + parentDiv.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>
</BODY>
</HTML>