求一段JS控制DIV显隐的代码
目的：当第一次打开首页时，弹出一DIV，DIV上面有“关闭”和“不再显示”两个按钮，关闭按钮是点击关闭后，刷新网页还显示，点击“不再显示”按钮，无论是关闭页面还是刷新，都...
目的：当第一次打开首页时，弹出一DIV，DIV上面有“关闭”和“不再显示”两个按钮，关闭按钮是点击关闭后，刷新网页还显示，点击“不再显示”按钮，无论是关闭页面还是刷新，都不显示了（听说用Session之类的）控制，先谢谢大家了，有谁做个的给小弟一个。效果如下
展开
展开全部
session是保存在服务器端的，需要用服务器脚本语言（asp，php）才能控制
js只能控制cookies，这里用了cookies来保存是否不再显示，记录3天即72小时，具体自己修改
效果请看：http://www.icecolor.cn/advanq/nerverView.html
代码如下：
<!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>
<script>
window.onload=function(){
//绑定按钮事件
var button = document.getElementById("closebtn");
if (button.addEventListener) {
button.addEventListener("click", closeEvent, true);
} else if (button.attachEvent) {
button.attachEvent("onclick", closeEvent);
}
var button = document.getElementById("nerverbtn");
if (button.addEventListener) {
button.addEventListener("click", nerverEvent, true);
} else if (button.attachEvent) {
button.attachEvent("onclick", nerverEvent);
}
if(getCookie("nerverTag")=="1")//判断是否不再显示
{
document.getElementById("ad").style.display='none';
}
}
function closeEvent()//关闭按钮事件
{
document.getElementById("ad").style.display='none';
return false;
}
function nerverEvent()//不再显示按钮时间
{
addCookie("nerverTag", "1", 72);//保存设置72小时
document.getElementById("ad").style.display='none';
return false;
}
//下面是cookies的设置、获取函数
function addCookie(objName,objValue,objHours){//添加cookie
var str = objName + "=" + escape(objValue);
if(objHours > 0){//为0时不设定过期时间，浏览器关闭时cookie自动消失
var date = new Date();
var ms = objHours*3600*1000;
date.setTime(date.getTime() + ms);
str += "; expires=" + date.toGMTString();
}
document.cookie = str;
}
function getCookie(objName){//获取指定名称的cookie的值
var arrStr = document.cookie.split("; ");
for(var i = 0;i < arrStr.length;i ++){
var temp = arrStr[i].split("=");
if(temp[0] == objName) return unescape(temp[1]);
}
}
</script>
<style>
body{ font-size:9pt;}
#ad{ padding:5px; background-color:#9c0; height:300px}
</style>
</head>
<body>
<div id="ad">
<a href="#" id="closebtn">关闭</a>
<a href="#" id="nerverbtn">不再显示</a>
<br />这两个按钮只要是id是一样的，换成div或其他也行
</div>
</body>
</html>
js只能控制cookies，这里用了cookies来保存是否不再显示，记录3天即72小时，具体自己修改
效果请看：http://www.icecolor.cn/advanq/nerverView.html
代码如下：
<!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>
<script>
window.onload=function(){
//绑定按钮事件
var button = document.getElementById("closebtn");
if (button.addEventListener) {
button.addEventListener("click", closeEvent, true);
} else if (button.attachEvent) {
button.attachEvent("onclick", closeEvent);
}
var button = document.getElementById("nerverbtn");
if (button.addEventListener) {
button.addEventListener("click", nerverEvent, true);
} else if (button.attachEvent) {
button.attachEvent("onclick", nerverEvent);
}
if(getCookie("nerverTag")=="1")//判断是否不再显示
{
document.getElementById("ad").style.display='none';
}
}
function closeEvent()//关闭按钮事件
{
document.getElementById("ad").style.display='none';
return false;
}
function nerverEvent()//不再显示按钮时间
{
addCookie("nerverTag", "1", 72);//保存设置72小时
document.getElementById("ad").style.display='none';
return false;
}
//下面是cookies的设置、获取函数
function addCookie(objName,objValue,objHours){//添加cookie
var str = objName + "=" + escape(objValue);
if(objHours > 0){//为0时不设定过期时间，浏览器关闭时cookie自动消失
var date = new Date();
var ms = objHours*3600*1000;
date.setTime(date.getTime() + ms);
str += "; expires=" + date.toGMTString();
}
document.cookie = str;
}
function getCookie(objName){//获取指定名称的cookie的值
var arrStr = document.cookie.split("; ");
for(var i = 0;i < arrStr.length;i ++){
var temp = arrStr[i].split("=");
if(temp[0] == objName) return unescape(temp[1]);
}
}
</script>
<style>
body{ font-size:9pt;}
#ad{ padding:5px; background-color:#9c0; height:300px}
</style>
</head>
<body>
<div id="ad">
<a href="#" id="closebtn">关闭</a>
<a href="#" id="nerverbtn">不再显示</a>
<br />这两个按钮只要是id是一样的，换成div或其他也行
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
