0 分享
弹窗代码,可定义用户关闭后几天内不再弹出,一般可放置在网页底部模板的前面;
//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>本帖已关闭回复或无回复权限!
