1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

(分享)怎样设置广告在打开网站页面后自动打开数秒后自动消失?

本帖由 roma2006-06-09 发布。版面名称:前端开发

  1. roma

    roma New Member

    注册:
    2006-05-19
    帖子:
    132
    赞:
    2
    1. 首先要把你所做的广告放到一个单独的静态页面中,不需要设置这个也面中广告所在的位置,如居中、居左等。
    2. 静态页面的内容包括图片、flash、网页等。最好是flash,因为可以通过根据所在页面的时间长度设置flash的渐变效果,这样目的是让广告的出现与消失不会过于突然。
    3. 广告的JS代码如下:

    <script language="javascript">

    var ads_agt=navigator.userAgent.toLowerCase();
    var ads_is_major = parseInt(navigator.appVersion);

    var ads_is_ie = ((ads_agt.indexOf("msie") != -1) && (ads_agt.indexOf("opera") == -1) && (ads_agt.indexOf("omniweb") == -1));
    var ads_is_ie3 = (ads_is_ie && (ads_is_major < 4));
    var ads_is_ie4 = (ads_is_ie && (ads_is_major == 4) && (ads_agt.indexOf("msie 5")==-1) && (ads_agt.indexOf("msie 6")==-1));
    var ads_is_ie4up = (ads_is_ie && (ads_is_major >= 4));
    var ads_is_ie5 = (ads_is_ie && (ads_is_major == 4) && (ads_agt.indexOf("msie 5.0")!=-1) );
    var ads_is_ie5up = (ads_is_ie && !ads_is_ie3 && !ads_is_ie4);
    var ads_is_ie5_1_macbeta = (ads_is_ie && (ads_agt.indexOf("mac")!=-1) && (ads_agt.indexOf("5.1b")!=-1));

    var ads_is_nav = ((ads_agt.indexOf('mozilla')!=-1) && (ads_agt.indexOf('spoofer')==-1)
    && (ads_agt.indexOf('compatible') == -1) && (ads_agt.indexOf('opera')==-1)
    && (ads_agt.indexOf('webtv')==-1));
    var ads_is_nav6 = (ads_is_nav && (ads_agt.indexOf("netscape6")!=-1) && (ads_agt.indexOf("6.1")==-1));
    var ads_is_nav6up = (ads_is_nav && !ads_is_nav4 && !ads_is_nav3 && !ads_is_nav2);
    var ads_is_nav6_1 = (ads_is_nav && (ads_agt.indexOf("netscape6")!=-1) && (ads_agt.indexOf("6.1")!=-1));
    var ads_is_nav6_1up = (ads_is_nav && !ads_is_nav6 && !ads_is_nav4 && !ads_is_nav3 && !ads_is_nav2);


    getsGlu = ((ads_is_ie5up && !ads_is_ie5_1_macbeta) || ads_is_nav6_1up);


    //function changediv(depth)
    //{
    // divAll.style.zIndex=depth
    // }
    function changediv()
    {
    document.getElementById('hiddenLayer').style.display = "block";
    document.getElementById('interstitialFrame').src = adInterPath;
    setTimeout("hidediv()",20000) //广告持续时间//
    }
    function hidediv()
    {
    document.getElementById('hiddenLayer').style.display="none";
    SYtag=2;
    }
    function showfull()
    {
    setTimeout("changediv()",10000); //广告出现时间//
    }
    showfull()


    <!--
    //时间计算
    SYfullscreen=false;
    today=new Date();
    function testdate()
    {
    adInterPath='JS/Ad-top.html'; //广告所在的位置//
    SYfullscreen=true
    }
    testdate();

    if(SYfullscreen==true)
    {
    if (document.all) {
    // this is a 4.x browser, no?
    }
    }
    // -->
    </script>
    <script language="javascript">
    <!--
    if(SYfullscreen==true)
    {
    if (document.all) {
    // this is a 4.x browser, no?
    document.write('<DIV ID="hiddenLayer" style="display: none; height: 160px;">');
    if (getsGlu) {
    expandableIframe = '<IFRAME id="interstitialframe" width=765 HEIGHT=300 align=center NORESIZE SCROLLING=No FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0></IFRAME>'; //广告位置的具体属性//
    document.write(expandableIframe);
    }
    }
    document.write('</div>');
    }
    // -->

    </script>


    其中:
    ●document.getElementById('hiddenLayer').style.display = "block";
    document.getElementById('interstitialFrame').src = adInterPath;
    setTimeout("hidediv()",20000) //广告持续时间//
    这个20000是调整广告打开后的持续时间;

    ●setTimeout("changediv()",10000); //广告出现时间//
    这个10000是打开页面后广告出现的时间,设置的数值越少,就早打开,如果是0则跟打开该网页同步。

    ●adInterPath='JS/Ad-top.html'; //广告所在的位置//

    adInterPath='JS/Ad-top.html'; 是连接你之前所做好的广告所在的位置,可以是某个网站的网址或相对路径。
    如:adInterPath=' http://www.powereasy.net';

    ● expandableIframe = '<IFRAME id="interstitialframe" width=765 HEIGHT=300 align=center NORESIZE SCROLLING=No FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0></IFRAME>';中间红色的是可以修改打开广告的大小、位置和其他的属性。

    4. 把以上的代码拷贝放到网页中所需要的位置,通过通过浏览网页的效果效果所需要的时间等。



    :) :)