js让图片漂浮?

<html>
<head>
<title>test</title>

</head>
<body bgcolor="#FFFFFF">
<div id="image">
<img src="1.gif">
<div>
</body><script type="text/javascript" language="Javascript" >
var cilentWidth = document.documentElement.clientWidth;   
var cilentHeight = document.documentElement.clientHeight;  

if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  
    if(!cilentHeight)  cilentHeight = document.body.clientHeight;

var left=right=0;

var targetObj =null; //缓存，不必每次取 function floadAd(fload_id){
if(!targetObj)  targetObj = document.getElementById(fload_id);

if(!targetObj) return;
var flag = false;
if(Math.random()>0.7) flag = true; left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
targetObj.style.left = left;
targetObj.style.top = right;

}
function getTop(element){
if(!element) return ;
if(element.parent) return element.offsetTop+getTop(element.offsetParent);
return element.offsetTop
}
function getLeft(element){
if(!element) return ;
if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
return element.offsetLeft
}// alert("left:="+getTop(document.getElementById('image')));
// alert("top:="+getLeft(document.getElementById('image')));
// floadAd('image')
setInterval("floadAd('"+image+"')",25);// for(var i=0;i<10;i++){
// floadAd('image')
// }
</script>
</html>图片位置怎么不变化 呢

解决方案 »

  1.   

    <html>
    <head>
        <title>test</title>
        
    </head>
    <body bgcolor="#000000">
        <div id="image" style="position:absolute">
            <img src="1.gif">
        <div>
    </body><script type="text/javascript" language="Javascript" >
        var cilentWidth = document.documentElement.clientWidth;   
        var cilentHeight = document.documentElement.clientHeight;  
        
        if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  
        if(!cilentHeight)  cilentHeight = document.body.clientHeight;
            
        var left=right=0;
        
        var targetObj =null; //缓存，不必每次取    function floadAd(fload_id){
            if(!targetObj)  targetObj = document.getElementById(fload_id);
                
            if(!targetObj)    return;
            var flag = false;
            if(Math.random()>0.7) flag = true;        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
            right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
            if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
            if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
            targetObj.style.left = left;
            targetObj.style.top = right;
        
        }
        function getTop(element){
            if(!element) return ;
            if(element.parent) return element.offsetTop+getTop(element.offsetParent);
            return element.offsetTop
        }
        function getLeft(element){
            if(!element) return ;
            if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
            return element.offsetLeft    
        }//    alert("left:="+getTop(document.getElementById('image')));
    //    alert("top:="+getLeft(document.getElementById('image')));
    //    floadAd('image')
            setInterval("floadAd('image')",25);//    for(var i=0;i<10;i++){
    //        floadAd('image')
    //    }
    </script>    
    </html>会飞走的浮动...第一次见...
      

  2.   

    1.<div id="image" style="position:absolute">
    2.setInterval("floadAd('image')",25);
      

  3.   

    <html>
    <head>
        <title>test</title>
        
    </head>
    <body bgcolor="#000000">
        <div id="image" style="position:absolute">
            <img src="1.gif">
        <div>
    </body><script type="text/javascript" language="Javascript" >
        var cilentWidth = document.documentElement.clientWidth;   
        var cilentHeight = document.documentElement.clientHeight;  
        
        if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  
        if(!cilentHeight)  cilentHeight = document.body.clientHeight;
            
        var left=right=0;
        
        var targetObj =null; //缓存，不必每次取    function floadAd(fload_id){
            if(!targetObj)  targetObj = document.getElementById(fload_id);
                
            if(!targetObj)    return;
            var flag = false;
            if(Math.random()>0.5) flag = true;        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
            right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
            if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
            if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
            targetObj.style.left = left;
            targetObj.style.top = right;
        
        }
        function getTop(element){
            if(!element) return ;
            if(element.parent) return element.offsetTop+getTop(element.offsetParent);
            return element.offsetTop
        }
        function getLeft(element){
            if(!element) return ;
            if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
            return element.offsetLeft    
        }//    alert("left:="+getTop(document.getElementById('image')));
    //    alert("top:="+getLeft(document.getElementById('image')));
    //    floadAd('image')
            setInterval("floadAd('image')",25);//    for(var i=0;i<10;i++){
    //        floadAd('image')
    //    }
    </script>    
    </html>
    这样就不飞走啦.哈.
    不过会震动到人家看不舒服.
    为啥要用这么复杂的计算呢...
      

  4.   

    不错^_^<html>
    <head>
        <title>test</title>
        
    </head>
    <body bgcolor="#000000">
        <div id="image" style="position:absolute">
            <img src="http://image.iask.sina.com.cn/logo/73/74/50_1338907473.gif">
        <div>
    </body><script type="text/javascript" language="Javascript" >
        var cilentWidth = document.documentElement.clientWidth;   
        var cilentHeight = document.documentElement.clientHeight;  
        
        if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  
        if(!cilentHeight)  cilentHeight = document.body.clientHeight;
            
        var left=right=0;
        
        var targetObj =null; //缓存，不必每次取    function floadAd(fload_id){
            if(!targetObj)  targetObj = document.getElementById(fload_id);
                
            if(!targetObj)    return;
            var flag = false;
            if(Math.random()>0.5) flag = true;        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
            right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
            if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
            if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
            targetObj.style.left = left;
            targetObj.style.top = right;
        
        }
        function getTop(element){
            if(!element) return ;
            if(element.parent) return element.offsetTop+getTop(element.offsetParent);
            return element.offsetTop
        }
        function getLeft(element){
            if(!element) return ;
            if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
            return element.offsetLeft    
        }//    alert("left:="+getTop(document.getElementById('image')));
    //    alert("top:="+getLeft(document.getElementById('image')));
    //    floadAd('image')
            setInterval("floadAd('image')",25);//    for(var i=0;i<10;i++){
    //        floadAd('image')
    //    }
    </script>    
    </html>
      

  5.   

    8楼那样就可以了
    HTML code
    <html>
    <head>
        <title>test</title>
        
    </head>
    <body bgcolor="#000000">
        <div id="image" style="position:absolute">
            <img src="http://image.iask.sina.com.cn/logo/73/74/50_1338907473.gif">
        <div>
    </body><script type="text/javascript" language="Javascript" >
        var cilentWidth = document.documentElement.clientWidth;   
        var cilentHeight = document.documentElement.clientHeight;  
        
        if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  
        if(!cilentHeight)  cilentHeight = document.body.clientHeight;
            
        var left=right=0;
        
        var targetObj =null; //缓存，不必每次取    function floadAd(fload_id){
            if(!targetObj)  targetObj = document.getElementById(fload_id);
                
            if(!targetObj)    return;
            var flag = false;
            if(Math.random()>0.5) flag = true;        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
            right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
            if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
            if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
            targetObj.style.left = left;
            targetObj.style.top = right;
        
        }
        function getTop(element){
            if(!element) return ;
            if(element.parent) return element.offsetTop+getTop(element.offsetParent);
            return element.offsetTop
        }
        function getLeft(element){
            if(!element) return ;
            if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
            return element.offsetLeft    
        }//    alert("left:="+getTop(document.getElementById('image')));
    //    alert("top:="+getLeft(document.getElementById('image')));
    //    floadAd('image')
            setInterval("floadAd('image')",25);//    for(var i=0;i<10;i++){
    //        floadAd('image')
    //    }
    </script>    
    </html>
      

  6.   

    <html>
    <head>
        <title>test</title>
        
    </head>
    <body bgcolor="#000000">
        <div id="image" style="position:absolute">
            <img src="http://image.iask.sina.com.cn/logo/73/74/50_1338907473.gif">
        <div>
    </body><script type="text/javascript" language="Javascript" >
        var cilentWidth = document.documentElement.clientWidth;   
        var cilentHeight = document.documentElement.clientHeight;  
        
        if(!cilentWidth)   cilentWidth =  document.body.clientWidth;  
        if(!cilentHeight)  cilentHeight = document.body.clientHeight;
            
        var left=right=0;
        
        var targetObj =null; //缓存，不必每次取    function floadAd(fload_id){
            if(!targetObj)  targetObj = document.getElementById(fload_id);
                
            if(!targetObj)    return;
            var flag = false;
            if(Math.random()>0.5) flag = true;        left = Math.ceil(getTop(targetObj)+Math.random()*9*(flag?1:-1));
            right =Math.ceil( getLeft(targetObj)+Math.random()*5*(flag?1:-1));
            if(left>cilentWidth) left = Math.ceil(15+Math.random()*130);
            if(right>cilentHeight) right = Math.ceil(15+Math.random()*80);
            targetObj.style.left = left;
            targetObj.style.top = right;
        
        }
        function getTop(element){
            if(!element) return ;
            if(element.parent) return element.offsetTop+getTop(element.offsetParent);
            return element.offsetTop
        }
        function getLeft(element){
            if(!element) return ;
            if(element.parent) return element.offsetLeft+getTop(element.offsetLeft);
            return element.offsetLeft    
        }//    alert("left:="+getTop(document.getElementById('image')));
    //    alert("top:="+getLeft(document.getElementById('image')));
    //    floadAd('image')
            setInterval("floadAd('image')",25);//    for(var i=0;i<10;i++){
    //        floadAd('image')
    //    }
    </script>    
    </html>