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

  1. //juqery,如已加载可去除

  2. <script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>

  3. //cookie,控制用户关闭后几天内不再弹出

  4. <script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

  5. //layer弹窗

  6. <script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>

  7. //css去除弹窗的边框阴影

  8. <style>.layui-layer{box-shadow: 0px 0px 0px rgba(0,0,0,.3);}</style>

  9. <script>

  10. $(document).ready(function(){

  11.     var home_notice = $.cookie('home_notice');

  12.     if(home_notice == 'close'){

  13.         return false;

  14.     }else{

  15.         load_home_notice();

  16.     }

  17. });

  18. function load_home_notice(){

  19.     var index = layer.open({

  20.         title: false,

  21.         closeBtn: 1,

  22.         btn: 0,

  23.         area: '590px',//宽度,一般是图片宽度再加40px

  24.         skin: 'layui-layer-nobg',

  25.         content: '<img src="http://www.newzhan.com/upload/products/201612/07/13130058479a5c43b14m1eegc_thumb.jpg">', //图片地址自行修改 

  26.         end: function(){

  27.             $.cookie('home_notice''close', {expires:7});  //7天内不再弹出

  28.         }

  29.     });

  30. }

  31. </script>





评论 (0)
暂无评论