进入网页时的提示层可设定12小时只出一次-网页特效-懒人建站

进入网页时的提示层可设定12小时只出一次

这个进入网页时的提示层网页特效可Cookie可设定12小时只出一次，原理是记忆Cookie，在设定的时间段内显示输出提示层。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<title>进入网页时的提示层可设定12小时只出一次- 懒人建站 www.51xuediannao.com</title>
<meta name="keywords" content="JS代码,js特效代码大全,jquery特效,导航菜单代码,焦点幻灯片,企业网页设计欣赏" />
<meta name="description" content="懒人建站为您提供-js特效代码大全，JS广告代码，导航菜单代码，企业网页设计欣赏，基于jquery的特

效插件，焦点幻灯片代码和各种建站技巧。" />

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
a{ color:#fff;}

#dingwei{
	padding:10px;
	background-color:#003300;
	color:#FFFFFF;
	width:600px;
	height:300px;
	display:block;	
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-150px;
}
#dingwei{ display:none;}
</style>
<script type="text/javascript">
function toggle() {
theObj = document.getElementById('dingwei').style;
if ( theObj.display == "none" ) theObj.display = "block"; else theObj.display = "none";
}

document.write('<style>#dingwei{display:block;}</style>')

} 
} 
Get();

</script>

</HEAD>

<BODY>
<div id="dingwei">
	<div class="tit"><h2>懒人建站 http://www.51xuediannao.com</h2><a href="#" onClick="toggle()" class="guanbi">关闭

</a></div>

哈哈我绝对居中了，兼容火狐、IE系列浏览器,<br /><br />

<div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;">
<span>本代码由<a href="http://51xuediannao.com" style="color:#F00;">懒人建站</a> 收集整理 我要学电脑.COM →51xuediannao.com

</span><br>
<a href="http://51xuediannao.com">懒人建站</a> http://51xuediannao.com<br/>
<span>我们为您提供-
<a href="http://51xuediannao.com">HTML+CSS模板</a>，
<a href="http://51xuediannao.com">JS代码</a>，
<a href="http://51xuediannao.com">网页特效</a>，
<a href="http://51xuediannao.com">导航菜单</a>，
<a href="http://51xuediannao.com">焦点幻灯片<a>，
<a href="http://51xuediannao.com">网页欣赏</a>和
<a href="http://51xuediannao.com">CSS技巧</a>；</span>
<span>懒人建站只收录实用和能提高用户体验的代码</span>
<span>我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。</span></div>

</div>

</BODY>
</HTML>

代码说明:

这个进入网页时的提示层网页特效可Cookie可设定12小时只出一次，原理是记忆Cookie，在设定的时间段内显示输出document.write('<style>#dingwei{display:block;}</style>')

否则就说明也不输出，默认是隐藏状态。注意这个网页特效需要和样式中的#dingwei{ display:none;}配合使用。

下面这一段样式是使提示层垂直和水平居中的.
#dingwei{
padding:10px;
background-color:#003300;
color:#FFFFFF;
width:600px;
height:300px;
display:block;
position: absolute;
top:50%;
left:50%;
margin-left:-300px;
margin-top:-150px;
}

JS代码中的 Then.setTime(Then.getTime() + 24*60*60*1000) 是设置时间的，如果想12小时显示一次，请将24改成12即可。

你也许能够发现这段Cookie记忆是可以通用的，这段JS代码就是根据一个弹窗代码的Cookie记忆修改而来。

懒人建站整理修改

TAG标签

弹出层 jQuery 图片展示下拉菜单左右滚动选项卡二级导航 jQuery弹出层

来源：懒人建站|发布人：懒人建站|2010-07-10|热度：次|收藏|报错