<html>
<textarea rows="500" cols="500" ID="Textarea1">
将这个文本框设置得很大,以便浏览器窗口中出现滚动条!
</textarea>
<div >
<a href="http://bbs.xjtu.edu.cn" src="1.jpg">的</a>
</div>
<script language='javascript'>
var dirX=1,dirY=1;
var xPos=0,yPos=0;
float_icon.style.left=0;
float.icon.style.visibility=0;
setInterval("moveIcon()",100);
function moveIcon(){
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=-1*dirX;
if(yPos<=0||yPos+float_icon.offsetHeight>=document.body.clientHeight)
dirY=-1*dirY;
}
</script>
</html>

解决方案 »

  1.   

    位置大小要加上单位
    left="5px";
      

  2.   

    <html> 
    <textarea rows="500" cols="500" ID="Textarea1"> 
    将这个文本框设置得很大,以便浏览器窗口中出现滚动条! 
    </textarea> 
    <div id="float_icon" style="position:absolute"> 
    <a href="http://bbs.xjtu.edu.cn" > <img src="http://avatar.profile.csdn.net/7/5/F/2_hailongshih.jpg"/> </a> 
    </div> 
    <script language='javascript'> 
    var dirX=1,dirY=1; 
    var xPos=0,yPos=0; 
    float_icon.style.left=0; 
    //float_icon.style.dispaly="none"; 
    setInterval("moveIcon()",100); 
    function moveIcon(){ 
    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=-1*dirX; 
    if(yPos <=0||yPos+float_icon.offsetHeight>=document.body.clientHeight) 
    dirY=-1*dirY; 

    </script> 
    </html>