jQuery弹窗广告一天弹一次

时间：2015-07-31 来源：互联网

特效说明：

一款jQuery弹窗广告一天弹一次网页广告代码，该JS特效基于jquery.cookie.js插件实现弹窗点击关闭后一天弹一次效果。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式：
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码：
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

3、添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

4、JS代码：
<script type="text/javascript">
   $(function(){
       if($.cookie("isClose") != 'yes'){
           var winWid = $(window).width()/2 - $('.alert_windows').width()/2;
            var winHig = $(window).height()/2 - $('.alert_windows').height()/2; 上下绝对居中
           $(".alert_windows").css({"left":winWid,"top":-winHig*2});   //自上而下
           $(".alert_windows").show();
           $(".alert_windows").animate({"left":winWid,"top":winHig},1000);
           $(".alert_windows span").click(function(){
               $(this).parent().fadeOut(500);
                $.cookie("isClose",'yes',{ expires:1});       一天
           });
       }
   });
</script>

标签 jquery插件广告代码广告特效弹窗广告 jquery.cooki

预览下载收藏分享