窗口中一直飘动的广告效果

来源:互联网 发布:vb linq 编辑:程序博客网 时间:2024/05/05 06:38
 下面代码是一个漂浮广告效果,请把IMG的SRC改成你自己电脑上的一张图片的地址。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    
<title>无标题页</title>
    
<script>
    
var dx=5,dy=5;
    
    
var interval=100;
    
    
var intervalID=window.setInterval('moveDiv()',interval);
    
    
function moveDiv()
    
{
        
if(window.closed)
        
{
            clearInterval(intervalID);
        }

        window.status
=document.getElementById('swfDiv').style.posLeft+dx;
        
//(window.screen.availWidth-100)   (window.screen.availHeight-80)
        if(((document.getElementById('swfDiv').style.posLeft+dx)>800)||((document.getElementById('swfDiv').style.posLeft+dx)<0))
        
{
            dx
=-dx;
        }

        
if(((document.getElementById('swfDiv').style.posTop+dy)>445)||((document.getElementById('swfDiv').style.posTop+dy)<0))
        
{
            dy
=-dy;
        }

        document.getElementById(
'swfDiv').style.posLeft += dx;
        document.getElementById(
'swfDiv').style.posTop += dy;
    }

    
    
    
</script>
</head>
<body>
<div id="swfDiv" style="width:100px; height:80px; position:absolute; top:0; left:0; z-index:99; border-bottom:solid 1px black; border-left:solid 1px black; border-right:solid 1px black; border-top:solid 1px black">
<img src="{67A7B337-4419-4361-92CC-F8FC3F445680}.JPG" />
</div>
</body>
</html>
原创粉丝点击