浮动居中js广告插件,支持详细的自定义:最大化播放时长,二次最大化间隔,不显示的url等

效果

代码

/*
 * 定时全屏广告
 * 页面使用首先加载 <script src="http://icon.chinahrd.net/js/jquery.min.js"></script>;如果已经使用了,无需重复加载
 * 再加载 <script src="http://icon.chinahrd.net/js/common.js"></script>:只使用到cookie方法
 * 然后在页面插入以下代码,使用了防止缓存方案:<script>document.write('<script src="http://icon.chinahrd.net/js/timeAds.js?r=' + new Date().getTime() + '"></script' + '>');</script>
 * 如果加载前页面设置了变量 window.timeADsHide = 1;,本页面即不加载此广告
 * 如果页面中$已经被其它插件使用,请在加载所有项目的后方添加释放$占用的语句:<script>jQuery.noConflict();</script>
 */
 
(function($) {
    /* 参数配置区 */
    var adUrl = 'http://mall.chinahrd.net/html/chinahrd_cgb/PubClassAdvance.aspx'; //广告点击链接地址
    var adSmallPic = 'http://icon.chinahrd.net/ads/kebiao.jpg'; //小广告图片
    var cookieTime = 3;//广告期数,注意更换广告时,请累加
    var minBtImg = 'http://icon.chinahrd.net/ads/closeBg.jpg';//大广告的最小化按钮图片
    var cookieLife = 48;//多少小时内只显示一次
    var adTop = 120;//大广告与小广告离页面顶边px值
    var adBigWidth = 978;//大广告宽,高会自适应
    var adSmallWidth = 22;//小广告宽,高会自适应
    var showLife = 7;//大广告持续显示时间,秒
    var noAds = 0;//禁显本广告,1:是,0:否
    var notAdsHP = [
        /*
         * 不显示广告的url匹配条目;
         * 支持 string 与 正则对象,除了这二者不允许放其它对象,否则会导致出错
         * 设置string时,不区分大小写,使用从左边开始匹配规则,本条目完全页面URL中左边子串就符合,如 http://www.q.com 认为 与 http://www.q.com/dd/k 和 http://www.q.com/index.php 匹配,
         *      但不与http://q.com/匹配
         *
         * 设置regexp或是//时,使用正则匹配方式
         * 可以使用 //和new RegExp来设置
         */
        'http://cms.chinahrd.net/user/'
        ,'http://cms.chinahrd.net'
        ,'http://www.chinahrd.net'
        ,'http://chinahrd.net'
        ];
    var hasAd = [
        /*
         * 显示广告的url匹配条目,注意优先权高于 notAdsHP 中设置,也就 如果这里匹配了,notAdsHP中也匹配时将使用这个条目中的处理规则,而不应用notAdsHP处理规则
         * 使用方式与notAdsHP一样
         */
        'http://www.chinahrd.net/index.html'
    ];
    var bigAdHtml = /*'<img src="http://icon.chinahrd.net/ads/cgb2013.gif" width="100%"/>'*/
                   
                   '<embed width="978" height="300"  swliveconnect="false" quality="high" allowscriptaccess="always"  src="http://icon.chinahrd.net/ads/kebiao_download.swf" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" allowfullscreen="true" allownetworking="all">'
                   
                   ;
                   //编写大广告代码
                   
    /* 参数配置区 */
    
    
    if (window.timeAdsJs) return;//防止重复加载
    window.timeAdsJs = true;
    if (noAds ||  window.timeADsHide) return ;
    
    $(function () {
        var exit = function () {            
            var href = location.href.toLowerCase();
            
            for (var i = 0; i < hasAd.length; i++) {//优先检查绝对允许
                var check = hasAd[i];
                
                switch (typeof check) {
                    case 'string':
                        check = check.toLowerCase();                        
                        if (href.indexOf(check) == 0) return 0;                                  
                        break;
                    case 'object':
                        if (check.test(href)) return 0;
                        break;
                }                
            }
            
            for (var i = 0; i < notAdsHP.length; i++) {//检查不允许
                var check = notAdsHP[i];
                
                switch (typeof check) {
                    case 'string':
                        check = check.toLowerCase();                        
                        if (href.indexOf(check) == 0) return 1;                                  
                        break;
                    case 'object':
                        if (check.test(href)) return 1;
                        break;
                }                
            }
            
            return 0;
        }
        
        if (exit()) return;
        var cookieName = 'timeADs' + cookieTime;
        var isIe6 = $.browser.msie && ($.browser.version == "6.0") && !$.support.style;
        var bigCss = isIe6 ? 'position:absolute;' : 'position:fixed; left:50%; margin-left:-' + (adBigWidth/2) + 'px;';//大广告样式
        var smallCss = isIe6 ? 'position:absolute;' : 'right:0;position:fixed;';//小广告样式
        //初始时最小化
        var adHtml = '<div id="adBigDiv" style="overflow:hidden;width:' + adBigWidth + 'px;top:' + adTop + 'px;display:none;z-index:2147483647;' + bigCss + '" title="大广告外框">'
                    + (adUrl == '' ? '' : '<a href="' + adUrl + '" style="width:100%;display:block;">')
                    + bigAdHtml
                   + (adUrl == '' ? '' : '</a>')
                    + '<img style="float:right;" id="adSmall" src="' +minBtImg+ '" width="77" height="31" title="最小化广告" />'
                    + '</div>'
                    
                    + '<div id="adSmallDiv" style="top:' + adTop + 'px;width:' + adSmallWidth + 'px;overflow:hidden;z-index:10002;' + smallCss + '" title="小广告外框">'
                    + (adUrl == '' ? '' : '<a href="' + adUrl + '" target="_blank">')
                    + '<img src="' + adSmallPic + '" width="22" height="217" title="点击进入此宣传页面"/>'
                    + (adUrl == '' ? '' : '</a>')
                    + '<img id="adPlay" src="http://icon.chinahrd.net/ads/play.jpg" width="23" height="30" title="再次观看"/>'
                    + '<img id="adClose" src="http://icon.chinahrd.net/ads/close.jpg" width="18" height="48" title="关闭浮动条"/>'
                    + '</div>';
        var adTime = _.getCookie(cookieName);
        adTime = isNaN(adTime) ? 0 : adTime * 1;
        var recAdTime = function () {
            _.setCookie(cookieName, new Date().getTime(), {hours:cookieLife});
        }
        $('body').append(adHtml); 
        var showLifer = null;
        if (isIe6) {
            var setPosition = function () {
                var top = adTop + $(window).scrollTop();
                var left = $(window).scrollLeft();
                var width = $(window).width();
                $('#adBigDiv,#adSmallDiv').css('top', top + 'px');
                $('#adBigDiv').css('left', left + width/2 - adBigWidth/2 + 'px');
                $('#adSmallDiv').css('left', left + width - adSmallWidth + 'px');
            }
            $(window).scroll(setPosition).resize(setPosition);
        }
           
        $('#adClose').click(function() {//关闭浮动条
            clearTimeout(showLifer);
            $('#adSmallDiv').hide();
        });
        $('#adPlay').click(function() {//最小化条中播放
            $('#adBigDiv').show();
            $('#adSmallDiv').hide();
            clearTimeout(showLifer);
            showLifer = setTimeout(function() {
                $('#adSmall').click();
            }, showLife * 1000);
        });
        $('#adSmall').click(function() {//最小化按钮
            clearTimeout(showLifer);
            $('#adBigDiv').hide();
            $('#adSmallDiv').show();
        });
        
        if (adTime < 1) {//时间内次次
            $('#adPlay').click();
            recAdTime();//记录下次时间
        }
    });
})(jQuery);