1)JS控制div位置,举例:浮标
img2.style.left = xPos + document.body.scrollLeft;
img2.style.top = yPos + document.body.scrollTop;
2)js控制DIV的显示和隐藏
document.getElementById("img2").visibility = "visible";
还可以:document.getElementById("img2").visibility = "hidden";
document.getElementById("img2").style.display= "none"
浮标代码:document.getElementById("img2").style.display= "block"
<html> <head> <title></title> </head> <body> <!-- 浮动图标 --> <div id="img2" style="position:absolute; left:0px; top:0px;"> <a href="http://sea.weather.gov.cn/weatherRisk/" target="_blank"><img src="logo.jpg" height="50px" width="50px" border="0"></a> <a href="javascript:void(0);" οnclick="hideDiv()" ><img src="error.png" style="padding-top:0px;"/></a> <br> 风险评估 </div> <!-- 浮动图标 --> <script type="text/javascript"> function hideDiv(){ document.getElementById('img2').style.visibility="hidden"; }; 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; var img2 = document.getElementById("img2"); img2.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img2.offsetHeight; Woffset = img2.offsetWidth; img2.style.left = xPos + document.body.scrollLeft; img2.style.top = yPos + document.body.scrollTop; //或者 //document.getElementById('img2').style.top = yPos +"px"; //document.getElementById('img2').style.left = xPos + "px"; //img2.style.top=110; if (yon) { yPos = yPos + step; //alert(yPos); } else { yPos = yPos - step; //alert(yPos); } 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 www() { img2.visibility = "visible"; interval = setInterval('changePos()', delay); } www(); </script> </body> </html> 参考:http://www.cnblogs.com/unpolishedgem/p/3247098.html