//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>
图标浮动的js代码
最新推荐文章于 2023-02-08 14:22:38 发布