JS漂浮广告

<html>
<head>
<title>漂浮广告</title>
<body>
<div id="codefans_net" style="position:absolute">
<!--链接地址--><a href="#" target="_blank">
<!--图片地址--><img src="http://images.cnblogs.com/logo.gif" border="0">
							</a>
</div>
<script> 
	var x = 50,y = 60 
	var xin = true, yin = true 
	var step = 1 
	var delay = 10 
	var obj=document.getElementById("codefans_net") 
	function float() { 
		var L=T=0
		var R= document.body.clientWidth-obj.offsetWidth 
		var B = document.body.clientHeight-obj.offsetHeight 
		obj.style.left = x + document.body.scrollLeft 
		obj.style.top = y + document.body.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("float()", delay) 
	obj.onmouseover=function(){clearInterval(itl)} 
	obj.onmouseout=function(){itl=setInterval("float()", delay)} 
</script>
</body>
</html>

  

posted @ 2014-03-24 17:04  风语9  阅读(103)  评论(0编辑  收藏  举报