只弹出一次层的简单代码（使用Cookie)

最新推荐文章于 2024-05-02 18:52:42 发布

朱秦

最新推荐文章于 2024-05-02 18:52:42 发布

阅读量1.1k

点赞数 1

本文链接：https://blog.csdn.net/u014733650/article/details/24007817

版权

<head>
<title>只弹出一次提示的弹出层</title>
<script src="../JS/jquery-1.4.2.js" type="text/javascript"></script>
<script src="../JS/jquery.cookie.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function () {
var popupValue = $.cookie("showDiv"); //页面加载时，去取名为showDiv的cookie
if (!popupValue) { //判断，如果不存在，
$("#shadeDiv").show(); //就把层显示
$("#showDiv").show();
$.cookie('showDiv', 'popupValue', { expires: 1 }); //并把cookie写入   $.cookie(‘名字’, ‘值’, { expires: 7, path: ‘/’, domain: ‘itcast.cn’, secure: true })，expires表示要求浏览器保留Cookie几天，这个值只是给浏览器的建议，可能没到时间就已经被清除了。
}
//如果这个cookie存在，什么都不做

$("#btnclose").click(function () { //btnclose事件,关闭层
$("#shadeDiv").hide();
$("#showDiv").hide();
});
});

</script>
<style type="text/css">
#shadeDiv
{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 1600px;
height: 2211px;
background-color: black;
z-index: 1001;
-moz-opacity: 0.3;
opacity: .30;
filter: alpha(opacity=30);
}
#showDiv
{
display: none;
position: absolute;
top: 25%;
left: 22%;
width: 53%;
height: 49%;
padding: 8px;
border: 8px solid #E8E9F7;
background-color: #869817;
background-color: white;
z-index: 1002;
overflow: auto;
}
#btnclose
{
float: right;
}
</style>
</head>
<body>
<%--遮罩层--%>
<div id="shadeDiv">
</div>
<%--这里是页面加载就会弹出的层--%>
<div id="showDiv">
<input id="btnclose" type="button" value="关闭" />
这里是弹出的层
</div>
</body>
</html>