js制作提示公告带关闭可保存cookie -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> JavaScript --> js制作提示公告带关闭可保存cookie

js制作提示公告带关闭可保存cookie

浏览:2706次出处信息

加工了一下以前的提示公告，加了cookie,演示当中如果点了关闭按钮，那么12小时之内都不会显示提示。

演示网址：http://www.geekso.com/doc/tips/

以下是代码片段：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="这一技客 http://www.geekso.com/" />
<meta name="description" content="这一技客- 资源分享！" />
<meta content="这一技客" name="keywords" />
<title>网页顶部浮动横条公告栏/提示信息（带关闭可保存cookie） www.geekso.com</title>
<style type="text/css">

</style>
</head>
<body>
<SCRIPT>
  function toueme(){
    document.getElementById("toubiao").style.display="none";
    addCookie(’geekso’,’xiaolin’,12);
  }

  function addCookie(objName,objValue,objHours) {
  var str = objName + "=" + escape(objValue);
  if(objHours > 0){
    var date = new Date();
    var ms = objHours*3600*1000;
    date.setTime(date.getTime() + ms);
    str += "; expires=" + date.toGMTString();
  }
  document.cookie = str;
}
function getCookie(objName) {
  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]);
  }
}
function show_gg()
{
  t = getCookie(’geekso’);
  if (t != ’xiaolin’)
  {
    document.getElementById("toubiao").style.display="block";
  }
}
</SCRIPT>
<DIV id=toubiao>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="4%" height="30" align="center"> </td>
    <td width="82%">公告:这一技客制作并发布共享。</td>
    <td width="14%" align="right"><a style="CURSOR: hand" onClick=toueme()><img
      src="http://www.geekso.com/doc/tips/close.gif" width=14 height=14 hspace="6" border=0 title="关闭"></a></td>
  </tr>
</table>
</DIV>
<script>
show_gg();
</script>
</body>
</html>

建议继续学习：

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

<< 前一篇：js添加查询删除cookie操作代码

后一篇：表单校验 >>

文章信息

作者：kekehu <misskekehu@sohu.com> 来源：这一技客
标签： cookie
发布时间：2009-11-04 14:58:14

建议继续学习

近3天十大热文