利用jquery.cookie弹窗点击关闭后一天弹一次
利用JS做弹窗代码
下面图片是本人修改的后的用作APP隐私权,首次打开进行的二次修改。
我们高速度给出的代码是没有经过修改过的。属于原始文件。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="description" content="">
- <meta name="keywords" content="">
- <title>利用jquery.cookie弹窗点击关闭后一天弹一次</title>
- <style type="text/css">
- *{
- margin:0;
- padding:0;
- }
-
- .alert_windows{
- display:none;
- position:absolute;
- z-index:10;
- width:400px;
- height:300px;
- background:#566F93;
- }
-
- .alert_windows span{
- float:right;
- width:30px;
- height:30px;
- text-align:center;
- font:15px/30px Microsoft Yahei;
- cursor:pointer;
- color:#333;
- background:lightblue;
- }
-
- .alert_windows span:hover{
- color:#EEE;
- background:red;
- }
- </style>
- <script type="text/javascript" src="js/jquery.min.js"></script>
- <script type="text/javascript" src="js/jquery.cookie.js"></script>
- <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/8640}); //测试十秒
- //$.cookie("isClose",'yes',{ expires:1}); 一天
- });
- }
- });
- </script>
- </head>
-
- <body>
-
- <div style="font-size:24px;width:360px;margin:40px auto;">提示:一天弹一次,关闭了就没了</div>
-
- <div class="alert_windows">
- <span>X</span>
- </div>
- </body>
- </html>