技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> js制作提示公告带关闭可保存cookie

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

浏览:2770次  出处信息

     加工了一下以前的提示公告,加了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">
<!--
body { margin: 0px;padding: 0px;text-align: center;}
TD {FONT-SIZE: 12px; COLOR: #333;}
#toubiao {BORDER-BOTTOM: #808080 1px solid;background-color:#ffffe1;display:none}
-->
</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">&nbsp;</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>

建议继续学习:

  1. cookie窃取和session劫持    (阅读:12893)
  2. curl 命令使用cookie    (阅读:8754)
  3. 前端开发中Cookie那些事儿    (阅读:6162)
  4. 如何设置一个永远无法删除的Cookie    (阅读:5218)
  5. 在浏览器中加密Cookie    (阅读:4566)
  6. 网站统计:第一方Cookie和第三方Cookie    (阅读:4102)
  7. Cookie安全漫谈    (阅读:3526)
  8. 一段Javascript的代码    (阅读:3318)
  9. 使用Http-only Cookie来防止XSS攻击    (阅读:3066)
  10. FlashCookie    (阅读:2887)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1