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

 下面代码是一个漂浮广告效果,请把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 >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值