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>
本帖已关闭回复或无回复权限!