欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Js&Ajax > JS对联广告代码及使用方法

JS对联广告代码及使用方法

2018-06-25 629 收藏 0 赞一个 0 真差劲 0 去评论

一个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

大家评论