如何使js控制DIV层显示隐藏(页面可刷新)时,只能隐藏不能显示,

问题描述

这段代码中,是可以用JS控制cookies隐藏DIV层,并且刷新也可以始终隐藏,但是如何做到当DIV层隐藏后,页面中有显示DIV层的提示我的设想是:当DIV层显示时,选择隐藏,页面刷新依然隐藏(已经做到了)当DIV隐藏后,可以选择显示,页面刷新可以显示DIV层(没做到)也就是用Js控制DIV的显示与隐藏,并存入cookies,直到下一次操作JS依然有效控制<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>cookie,只显示一次的DIV提示框</title><style>.note{height:100px;width:600px;background:url(/effects/UploadFiles_7074/201010/2010101023255756.jpg)#FEFFCF40px0pxno-repeat;border:#EDCE7B1pxsolid;}.guanbi{float:right;font-size:12px;padding:6px;}</style><script>functioncookiesave(n,v,mins,dn,path){if(n){if(!mins)mins=365*24*60;if(!path)path="/";vardate=newDate();date.setTime(date.getTime()+(mins*60*1000));varexpires=";expires="+date.toGMTString();if(dn)dn="domain="+dn+";";document.cookie=n+"="+v+expires+";"+dn+"path="+path;}}functioncookieget(n){varname=n+"=";varca=document.cookie.split(';');for(vari=0;i<ca.length;i++){varc=ca[i];while(c.charAt(0)=='')c=c.substring(1,c.length);if(c.indexOf(name)==0)returnc.substring(name.length,c.length);}return"";}functioncloseclick(){document.getElementById('note').style.display='none';cookiesave('closeclick','closeclick','','','');}functionclickclose(){if(cookieget('closeclick')=='closeclick'){document.getElementById('note').style.display='none';}else{document.getElementById('note').style.display='block';}}window.onload=clickclose;</script></head><body><divid="note"class="note"style="display:none;"><div><ahref="#"onclick="closeclick()"class="guanbi"><imgsrc="/effects/UploadFiles_7074/201010/2010101023255784.gif"border="0"/></a></div></div></body></html>

解决方案

本帖最后由 iqpkeq 于 2010-10-17 02:39:47 编辑
解决方案二:
有木有能够帮忙解决的人啊!
解决方案三:
页面中有显示DIV层的提示?对cookie做个判断不就行了?

时间: 2024-08-22 14:30:41

如何使js控制DIV层显示隐藏(页面可刷新)时,只能隐藏不能显示,的相关文章

js控制div层的叠加简单方法_javascript技巧

如下所示: <style type="text/css"> .favorite_icon{float:left; padding: 0 0 0 30px;} .favorite_label{float:left; width:950px;} .favorite_label h2{ border-bottom: medium none;height: 60px;padding: 0.8em 0 0 0px;} .favorite_title{height:60px;margi

js控制div显示隐藏层

js控制div显示二 TEST1 TEST2 TEST3 TEST4

js html 渐隐渐出-JS 控制div 的显示和慢慢隐藏

问题描述 JS 控制div 的显示和慢慢隐藏 我主要是想实现一个浮动窗体,当触发某种事件后div显示出来(默认为隐藏的),等几秒后又会隐藏,但是当鼠标进入该div后,div又一直显示,离开后才会慢慢隐藏,这该怎么实现呢,有人知道吗?? 我的代码如下:<br> #div1 {<br> width: 200px;<br> height: 200px;<br> border: 1px solid red;<br> font-family: "

js控制div弹出层实现方法

  本文实例讲述了js控制div弹出层实现方法.分享给大家供大家参考.具体分析如下: 这是个功能很好,且容易调用和控制的弹出层.感兴趣的朋友可以调试运行一下看看效果如何~O(∩_∩)O~ ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 5

javascript控制Div层透明属性由浅变深由深变浅逐渐显示_javascript技巧

搬运的留着以后自己看! 复制下面蓝色的代码保存为html格式的文件,使用网页浏览器浏览效果 代码支持IE6.7.8/firefox/Chrome浏览器 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

js实现div层缓慢收缩与展开的方法

  本文实例讲述了js实现div层缓慢收缩与展开的方法.分享给大家供大家参考.具体分析如下: 这是一个层伸缩与展开的特效代码,带有点动画效果,缓慢展开,DIV+JS联合打造,看上去还不错.不受内容约束,收缩与展开的速度是可以控制的,高度.循环时间也可以改. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

纯js模拟div层弹性运动的方法_javascript技巧

本文实例讲述了纯js模拟div层弹性运动的方法.分享给大家供大家参考.具体如下: 特性: 1. 支持各项常数自定义 2. 理论支持所有元素,只需修改style.width,你懂得 3. 已知支持浏览器:chrome/firefox/IE7.8.9 <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <script type="te

js实现div层缓慢收缩与展开的方法_javascript技巧

本文实例讲述了js实现div层缓慢收缩与展开的方法.分享给大家供大家参考.具体分析如下: 这是一个层伸缩与展开的特效代码,带有点动画效果,缓慢展开,DIV+JS联合打造,看上去还不错.不受内容约束,收缩与展开的速度是可以控制的,高度.循环时间也可以改. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&qu

asp.net中在div层上多次点击时div层会出现阴影

问题描述 asp.net中在div层上多次点击时div层会出现阴影 asp.net中在div层上多次点击时div层会出现阴影,怎样使div层点击时不出现阴影 解决方案 代码呢?点击层没有阴影的,是不是你自己增加了js给层添加过样式,不行层添加onselectstart事件return false阻止选择