弹窗代码,可定义用户关闭后几天内不再弹出,一般可放置在网页底部模板的前面;//juqery,如已加载可去除<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>//cookie,控制用户关闭后几天内不再弹出<script src=&qu...
弹窗代码,可定义用户关闭后几天内不再弹出,一般可放置在网页底部模板的前面;
//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>