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

本文 9671 pv

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

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

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

html代码：

<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;
}

<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>

运行代码

复制代码

本文 9671 pv

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

RANDOM POSTS

RECENT POSTS

PREVIOUS POST

NEXT POST

本文有 0 篇评论

发表你的见解

About

Baidu Link

Downloads Recommended

Month Most Viewed

Month Most Commented

Adcolumn