图标浮动的js代码

//start 图标浮动
		var dirX=1,dirY=1;
		var xPos = 0,yPos = 0;
		function displayIcon(){	
			//多种引用方式
			float_icon.style.top=0;
			document.body.all.float_icon.style.left=0;
			document.body.all("float_icon").style.visibility="visible";
			window.setInterval("moveIcon()",1);
		}
		function moveIcon(){
			//每次移动2个像素
			xPos += 2*dirX;
			yPos += 2*dirY;
			float_icon.style.top = yPos;
			float_icon.style.left = xPos;
			//碰撞处理代码
			if(xPos<=0||xPos+float_icon.offsetWidth>=document.body.clientWidth)
				dirX=-dirX;
			if(yPos<=0||yPos+float_icon.offsetHeight>=document.body.clientHeight)
				dirY=-dirY;
		}
//end 图标移动
测试图标：
<div id=float_icon style="VISIBILITY: hidden; POSITION: absolute; top: 0; left: 0">
			<a href="http://www.baidu.com" target="_blank"> <img src="http://www.baidu.com/img/baidu_logo.gif"> </a>
		</div>