信息弹窗提示一天只弹出一次js代码

时间： 2020-09-15 15:33 阅读：次作者：素材无忧网

信息弹窗提示一天只弹出一次js代码，通过jquery.cookie.js实现功能，避免重复弹出。

<!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" />
<title>弹窗提示</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>
 
<p class="alert_windows">
	<span>X</span>
</p>
 
</body>
</html>

转载请注明：信息弹窗提示一天只弹出一次js代码

上一篇：织梦前台搜索标题和文档内容关键词实现教程

下一篇：织梦一键清空所有数据并让所有id从1开始的操作方法

标签： js 一次弹窗代码一天弹出