js控制div的隐藏和显示

《js控制div的隐藏和显示》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、可利用JS控制DIV的隐藏和显示javascript控制页面控件隐藏显示的两种方法javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位方法一：document.al『PanelSMS'lstyle.visibility・hidderT;document.all["PanelSI/IS,,].style.visibility="visible";方法二：document.all[”PanelSMS"].style,display二”none”;document.all[”PanelSMS"].style.display二"in

2、line";方法一隐藏后页面的位置还被控件占用只是不显示类似于.net验证控件的Display=Static方法二隐藏后页面的位置不被占用类似于.net验证控件的Display二Dynamic这个方法来我是从一个boblog模板上找到的，其实网络上也可以搜索到;只是网络上不看效果的转载让人难辩代码的错对和方便。用这个方法比用《给zblog再增3个功能：防刷、收缩侧栏、复制加版权》的效果要好，纯css隐藏div会刷新页面，但用js就不会了。js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js(例open.js)即可。我是把这个文件放在zblog的SCRIPT

3、文件夹里,这里js比较多……代码functionshowhidediv(id){try{varsbtitle=document.getElementByld(id);if(sbtitle){if(sbtitle.style.display二二'block'){sbtitle.style.display='none：}else{sbtitle.style.display=,block,;}}}catch(e){}示例如下:

4、#menus{background・color:#c4cff0;}functionLayer_ShowORHide(cur_div){varcurrent二document.getElementById(cur_div);if(current.style.visibility二二”hidden")current.style.visibility二”visible：}else{current.style.visibili

5、ty="hidden”；}}