2022年对联广告代码效果之三[允许关闭]CSSHTML教程.docx

《2022年对联广告代码效果之三[允许关闭]CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年对联广告代码效果之三[允许关闭]CSSHTML教程.docx（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年对联广告代码效果之三允许关闭CSSHTML教程 现在许多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码运用方法，本文介绍的这种效果，在1024*768辨别率下正常显示，在800*600的辨别率下可以自动隐藏，以免遮住页面影响访问者阅读内容，而且与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码： var delta=0.015;var collection;var closeB=false;function floaters() {this.items= ;this.addItem= fun

2、ction(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=

3、x;newItem.y= y;this.itemsthis.items.length= newItem; } this.play= function() { collection= this.itemssetInterval(play(),30); } }function play(){if(screen.width<=800 | closeB){for(var i=0;i<collection.length;i+){collectioni.object.style.display= none;}ret

4、urn;}for(var i=0;i<collection.length;i+){var followObj= collectioni.object;var followObj_x= (typeof(collectioni.x)=string?eval(collectioni.x):collectioni.x);var followObj_y= (typeof(collectioni.y)=string?eval(collectioni.y):collectioni.y);if(followObj.offsetLeft!=(document.body.scrollLe

5、ft+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-f

6、ollowObj.offsetTop)*delta;dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy);followObj.style.top=followObj.offsetTop+dy;}followObj.style.display= ;}}function closeBanner(){closeB=true;return;}var theFloaters= new floaters();/theFloaters.addItem(followDiv1,document.body.clientWidth-100

7、,0,<a onClick=closeBanner(); href= target=_blank><img src= width=100 height=554 border=0></a><br><br><img src= onClick=closeBanner();>);theFloaters.addItem(followDiv2,0,0,<a onClick=closeBanner(); href= target=_blank><img src= width=100 height=400 border=0 ></a><br><br><img src= onClick=closeBanner();>);theFloaters.play();把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可，*代表你另存的文件名！留意修改广告图片地址和连接地址！