关闭

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

标签: htmlfunctiondiv
2783人阅读 评论(0) 收藏 举报
分类:
 下面代码是一个漂浮广告效果,请把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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1603891次
    • 积分:15743
    • 等级:
    • 排名:第676名
    • 原创:301篇
    • 转载:139篇
    • 译文:1篇
    • 评论:273条
    文章分类
    最新评论