JS对联广告代码及使用方法
一个JAVASCRIPT对联广告的代码及使用方法,如果你是站长,你可能会需要此代码在网页上放置广告,实现对联需要三个步骤,下面来看第一个步骤,对联广告的核心JS代码:
//对联广告JS类 请保存此代码为duilian.js文件: function $(element){ if(arguments.length>1){ for(var i=0,elements=[],length=arguments.length;i<length;i++) elements.push($(arguments[i])); return elements; } if(typeof element=="string") return document.getElementById(element); else return element; } Function.prototype.bind=function(object){ var method=this; return function(){ method.apply(object,arguments); } } var Class={ create:function(){ return function(){ this.initialize.apply(this,arguments); } } } Object.extend=function(destination,resource){ for(var property in resource){ destination[property]=resource[property]; } return destination; } var float_ad=Class.create(); float_ad.prototype={ initialize:function(id,content,top,left,width){ document.write('<div id='+id+' style="position:absolute;">'+content+'</div>'); this.id=$(id); this.top=top; if(!!left){ this.id.style.left="8px"; }else{ this.id.style.left=(document.documentElement.clientWidth-width-8)+"px"; window.onresize=function(){ this.id.style.left=(document.documentElement.clientWidth-width-8)+"px"; }.bind(this); } this.id.style.top=top+"px"; this.interId=setInterval(this.scroll.bind(this),20); }, scroll:function(){ this.stmnStartPoint = parseInt(this.id.style.top, 10); this.stmnEndPoint =document.documentElement.scrollTop+ this.top; if(navigator.userAgent.indexOf("Chrome")>0){ this.stmnEndPoint=document.body.scrollTop+this.top; } if ( this.stmnStartPoint != this.stmnEndPoint ) { this.stmnScrollAmount = Math.ceil( Math.abs( this.stmnEndPoint - this.stmnStartPoint ) / 15 ); this.id.style.top = parseInt(this.id.style.top, 10) + ( ( this.stmnEndPoint<this.stmnStartPoint ) ? -this.stmnScrollAmount : this.stmnScrollAmount )+"px"; } } }
第二步,在你需要显示广告的网页上引入上述代码所保存的js文件,这里是duilian.js文件:
<script src="duilian.js" language="javascript" type="text/javascript"></script>
第三步,调用以下代码显示对联广告:
<script type="text/javascript"> new float_ad("ad_l","<img src='duilian1.gif' />",50,true,64);<br>new float_ad("ad_r","<img src='duilian2.gif' />",50,false,64);</script>
参数说明:在上述的对联广告调用中:
第一个参数为ID,第二个参数图片,第三个参数广告距离顶部的距离,第四个参数表示左右(true代表左,false代表右),第五个参数对联广告的宽度。
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
大家评论
站长推荐
点击排行
- 1CSS控制文字在Div最底部显示
- 2Thinkphp5如何配置IP+端口访问项目模块
- 3elementUI el-dialog弹框居中
- 4教你如何搭建及优化站点
- 5国内互联网视频行业运营分析
- 6service mysql start出错,mysql不能启动,解决mysql: unrecognized service错误
- 7CSS实现悬浮顶部的Div工具栏
- 8记一次Thinkphp5.1框架mysql数据库崩溃(SQLSTATE [08004] Too many connections)
- 9连接SQL Server数据库提示:Login failed for user 'sa'错误的解决方案
- 10Thinkphp3.2在centos7上设置计划任务的方法