滚动广告

本文介绍了一种使用HTML和JavaScript实现浮动广告窗口的方法。通过设置元素的绝对定位,并利用定时器不断更新位置,使广告窗能在浏览器窗口内自由移动。同时,考虑到了浏览器的兼容性和窗口大小变化等问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<div   id="__ID_104E42D93FC"   style="VISIBILITY:   visible;   POSITION:   absolute;"   onmouseover="clearTimeout(ID1_104E42D93FC)"   onmouseout="ID1_104E42D93FC   =   setTimeout('animate()',   30);"><a   href="http://dotnet.aspx.cc/"   target=blank   )"><img src=1.jpg" width=100 height=100 border="0"></a></div>   
  
<!--   此行为注释:可以全部删除。以下不要动,如果修改图片或者链接,只需要修改上面的HTML部分即可   -->   
  
<script   language="javascript">   
  
<!--   脚本开始   
  
var   divWidth   =   220   
  
var   divHeight   =   60   
  
var   isNS   =   ((navigator.appName   ==   "Netscape")   &&   (parseInt(navigator.appVersion)   >=   4));   
  
var   _all   =   '';   
  
var   _style   =   '';   
  
var   wwidth,   wheight;   
  
var   ydir   =   '++';   
  
var   xdir   =   '++';   
  
var   ID1_104E42D93FC,   ID2_104E42D93FC,   ID3_104E42D93FC;   
  
var   x   =   1;   
  
var   y   =   300;   
  
var   x1,   y1;   
  
if(!isNS)   {   
  _all
='all.';   
  _style
='.style';   
  }   
    
  
function   getwindowsize()   {   
  clearTimeout(ID1_104E42D93FC);   
  clearTimeout(ID2_104E42D93FC);   
  clearTimeout(ID3_104E42D93FC);   
  
if   (isNS)   {   
  wwidth   
=   window.innerWidth   -   divWidth;   
  wheight   
=   window.innerHeight   -   divHeight;   
  }   
else   {   
  wwidth   
=   document.body.clientWidth   -   divWidth;   
  wheight   
=   document.body.clientHeight   -   divHeight;   
  }   
  ID3_104E42D93FC   
=   setTimeout('randomdir()',   20000);   
  animate();   
  }   
    
  
function   randomdir()   {   
  
if   (Math.floor(Math.random()*2))   {   
  (Math.floor(Math.random()
*2))   ?   xdir='--':   xdir='++';   
  }   
else   {   
  (Math.floor(Math.random()
*2))   ?   ydir='--':   ydir='++';   
  }   
  ID2_104E42D93FC   
=   setTimeout('randomdir()',   20000);   
  }   
    
  
function   animate()   {   
  eval(
'x'+xdir);   
  eval(
'y'+ydir);   
  
if   (isNS)   {   
  pic1.moveTo((x
+pageXOffset),(y+pageYOffset))   
  }   
else   {   
  pic1.pixelLeft   
=   x+document.body.scrollLeft;   
  pic1.pixelTop   
=   y+document.body.scrollTop;   
  }   
  
if   (isNS)   {   
  
if   (pic1.top   <=   5+pageYOffset)   ydir   =   '++';   
  
if   (pic1.top   >=   wheight+pageYOffset)   ydir   =   '--';   
  
if   (pic1.left   >=   wwidth+pageXOffset)   xdir   =   '--';   
  
if   (pic1.left   <=   5+pageXOffset)   xdir   =   '++';   
  }   
else   {   
  
if   (pic1.pixelTop   <=   5+document.body.scrollTop)   ydir   =   '++';   
  
if   (pic1.pixelTop   >=   wheight+document.body.scrollTop)   ydir   =   '--';   
  
if   (pic1.pixelLeft   >=   wwidth+document.body.scrollLeft)   xdir   =   '--';   
  
if   (pic1.pixelLeft   <=   5+document.body.scrollLeft)   xdir   =   '++';   
  }   
  ID1_104E42D93FC   
=   setTimeout('animate()',   30);   
  }   
  
var   pic1=eval('document.'+_all+'__ID_104E42D93FC'+_style);   
  window.onload
=getwindowsize   
  window.onresize
=getwindowsize   
  window.onerror   
=   function(){return   false}   
  
//     脚本结束   -->     
  </script>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值