漂浮广告的代码汇总

最新推荐文章于 2024-07-09 09:39:15 发布

lifuyun

最新推荐文章于 2024-07-09 09:39:15 发布

阅读量1.4k

点赞数

分类专栏： JavaScript ASP.NET 软件新技术文章标签： function string delay javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/lifuyun/article/details/2414922

版权

ASP.NET 同时被 3 个专栏收录

53 篇文章 0 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

软件新技术

9 篇文章 0 订阅

订阅专栏

第一种方法：

< div style = "" >< a href = " http://www.zzlanwang.cn/cpid.aspx?id=291 " target = " _blank " >< img src = " img/logo.gif " border = " 0 " ></ a ></ div >

< script >

var x = 50 ,y = 60

var xin = true , yin = true

var step = 1

var delay = 10

var obj = document.getElementById( " ad " )

function floatAD() {

var L=T=0

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x < L) { xin = true; x = L}

if (x > R){ xin = false; x = R}

y = y + step*(yin?1:-1)

if (y < T) { yin = true; y = T }

if (y > B) { yin = false; y = B }

}

var itl = setInterval( " floatAD() " , delay)

obj.onmouseover = function () {clearInterval(itl)}

obj.onmouseout = function () {itl=setInterval("floatAD()", delay)}

</ script >

第二种方法：

页面<body>下面加如如下一句话

<script language=JavaScript src="js/ad.js"></script>

js代码

var delta = 0.08
var collection;
function floaters() {
   this .items = [];
   this .addItem = function (id,x,y,content)
      {
     document.write( ' <DIV id= ' + id + ' style="Z-INDEX: 10; POSITION: absolute;  width:80px; height:60px;left: ' + ( typeof (x) == ' string ' ? eval(x):x) + ' ;top: ' + ( typeof (y) == ' string ' ? eval(y):y) + ' "> ' + content + ' </DIV> ' );

      var newItem     = {};
     newItem.object    = document.getElementById(id);
     newItem.x     = x;
     newItem.y     = y;

      this .items[ this .items.length]   = newItem;
      }
   this .play = function ()
      {
     collection     = this .items
     setInterval( ' play() ' , 10 );
      }
  }
   function play()
  {

    for ( var i = 0 ;i < collection.length;i ++ )
   {
     var followObj   = collection[i].object;
     var followObj_x   = ( typeof (collection[i].x) == ' string ' ? eval(collection[i].x):collection[i].x);
     var followObj_y   = ( typeof (collection[i].y) == ' string ' ? eval(collection[i].y):collection[i].y);

     if (followObj.offsetLeft != (document.body.scrollLeft + followObj_x)) {
      var dx = (document.body.scrollLeft + followObj_x - followObj.offsetLeft) * delta;
     dx = (dx > 0 ? 1 : - 1 ) * Math.ceil(Math.abs(dx));
     followObj.style.left = followObj.offsetLeft + dx;
     }

     if (followObj.offsetTop != (document.body.scrollTop + followObj_y)) {
      var dy = (document.body.scrollTop + followObj_y - followObj.offsetTop) * delta;
     dy = (dy > 0 ? 1 : - 1 ) * Math.ceil(Math.abs(dy));
     followObj.style.top = followObj.offsetTop + dy;
     }
    followObj.style.display = '' ;
   }
  }

var theFloaters   = new floaters();
// 右面
theFloaters.addItem( ' followDiv1 ' , ' document.body.clientWidth-106 ' , 80 , ' <EMBED src=images/duilian.swf quality=high  WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED> ' );
// 左面
theFloaters.addItem( ' followDiv2 ' , 6 , 80 , ' <EMBED src=images/duilian.swf quality=high  WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED> ' );
theFloaters.play();

// 图片格式调用方法
// <a href=http://www.makewing.com/lanren/ target=_blank><img src=images/ad_100x300.jpg border=0></a>
// flash格式调用方法
// <EMBED src=images/duilian.swf quality=high  WIDTH=100 HEIGHT=300 TYPE=application/x-shockwave-flash id=ad wmode=opaque></EMBED>

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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