弹窗广告代码,控制几天内不再弹

0 分享

官方客服

官方客服 2017-03-08 21:12:49

弹窗代码,可定义用户关闭后几天内不再弹出,一般可放置在网页底部模板的前面;

//juqery,如已加载可去除
<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
//cookie,控制用户关闭后几天内不再弹出
<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
//layer弹窗
<script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
//css去除弹窗的边框阴影
<style>.layui-layer{box-shadow: 0px 0px 0px rgba(0,0,0,.3);}</style>
<script>
$(document).ready(function(){
    var home_notice = $.cookie('home_notice');
    if(home_notice == 'close'){
        return false;
    }else{
        load_home_notice();
    }
});
function load_home_notice(){
    var index = layer.open({
        title: false,
        closeBtn: 1,
        btn: 0,
        area: '590px',//宽度,一般是图片宽度再加40px
        skin: 'layui-layer-nobg',
        content: '<img src="http://www.newzhan.com/upload/products/201612/07/13130058479a5c43b14m1eegc_thumb.jpg">', //图片地址自行修改 
        end: function(){
            $.cookie('home_notice', 'close', {expires:7});  //7天内不再弹出
        }
    });
}
</script>



本帖已关闭回复或无回复权限!