加工了一下以前的提示公告，加了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"> </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> |