可关闭带缓冲的对联广告代码特效
发布时间:2018-08-22 20:38:18 所属栏目:Linux 来源:站长网
导读:看到本页的对联广告了吗?是可以关闭的,现在很多网站都在使用对联浮动广告,本文介绍的这种效果,在1024*768 分辨率 下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,而且与前面两个代码不同的是,广告图下方增加了一个图
看到本页的对联广告了吗?是可以关闭的,现在很多网站都在使用对联浮动广告,本文介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,而且与前面两个代码不同的是,广告图下方增加了一个图片按纽,允许访客点击关闭广告图片,下面文本框中就是实现效果所需代码: Copy to Clipboard![]() var delta=0.015; var collection; var closeB=false; 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()',30); } } function play() { if(screen.width<=800 || closeB) { for(var i=0;i<collection.length;i++) { collection[i].object.style.display = 'none'; } return; } 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 = ''; } } function closeBanner() { closeB=true; return; } var theFloaters = new floaters(); // theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a onClick="closeBanner();" href=http://www.veryhuo.com target=_blank><img src=http://www.aspzz.cn/uploads/allimg/180815/2230345R0_0.jpg title="liehuo.net" width=100 height=350 border=0></a><br><br><img src=http://www.veryhuo.com/uploads/Common/images//close.gif onClick="closeBanner();">'); theFloaters.addItem('followDiv2',0,0,'<a onClick="closeBanner();" href=http://www.veryhuo.com target=_blank><img src=http://www.aspzz.cn/uploads/allimg/180815/22301EH0_0.jpg width=100 height=350 border=0 ></a><br><br><img src=http://www.veryhuo.com/uploads/Common/images/close.gif onClick="closeBanner();">'); theFloaters.play(); </script> 使用方法:把上面的代码另存为一个JS文件,然后在想实现此效果的页面用<script>调用即可!烈火提醒:注意修改广告图片地址和连接地址! (编辑:晋中站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |