JAVASCRIPT 點(diǎn)擊顯示隱藏層

更新時間：2009年06月11日 02:45:48 作者：

用js實(shí)現(xiàn)的點(diǎn)擊顯示與隱藏層的代碼。主要是用于一些tab切換類

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>點(diǎn)擊顯示/隱藏層</title> //code from www.dhdzp.com <style type="text/css"> a{text-decoration:none;} .tab{border:1px solid #e57243;border-top:0;margin:10px 0;text-align:left;width:200px;font-size:14px;} .th{border-top:1px solid #e57243;padding:5px;font-weight:700;clear:both;background:#f5e1d9;} .td{background:none;padding-left:37px;} </style> <script type="text/javascript"> function chg(id_num){ var oa = document.getElementById(id_num); var ob = document.getElementById("test_a"); if(oa.style.display == "block"){ oa.style.display = "none"; ob.innerHTML = "[+]"; }else{ oa.style.display = "block"; ob.innerHTML = "[-]"; } return false; } </script> </head> <body> <div   id="zb77bya"   class="tab"> <div   id="5n7n2z7"   class="th td" id="test" style="display: block;"> 腳本之家，腳本編程基地。歡迎大家學(xué)習(xí)交流。</div> <div   id="tlxz72w"   class="th" id="9"> <a href="#" onclick="return chg('test');" id="test_a">[-]</a> <--點(diǎn)擊</div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

發(fā)一個比較漂亮的選項卡動態(tài)增刪的效果
發(fā)一個比較漂亮的選項卡動態(tài)增刪的效果...
2007-09-09
js tab效果的實(shí)現(xiàn)代碼
js之類似tab的實(shí)現(xiàn)，之前已經(jīng)發(fā)布了很多，需要的朋友多看看。
2009-12-12
jquery 實(shí)現(xiàn)斜導(dǎo)航效果
jquery 實(shí)現(xiàn)斜導(dǎo)航效果代碼，就一個圖片文件，利用css控制位置，非常不錯。
2009-05-05
js兼容IE6,IE7菜單高亮顯示效果代碼
原來做了一個菜單在IE7下正常沒想到在IE6下卻沒有效果，后來改成使用JS實(shí)現(xiàn)雖然是實(shí)現(xiàn)的，但總覺得不是很好，在網(wǎng)上找了些資料，用CSS實(shí)現(xiàn)了。
2008-07-07
js仿土豆視頻滾動菜單
比較漂亮的仿土豆視頻導(dǎo)航菜單，漂亮大方
2008-05-05
可折疊展開的簡單目錄實(shí)現(xiàn)代碼
簡單的目錄，展開菜單，鼠標(biāo)點(diǎn)擊即可展開，再次點(diǎn)擊即可合攏，類似樹形菜單的功能，在瀏覽網(wǎng)頁時會見很多，不多做介紹了，需要的朋友可以參考下
2012-12-12
用dtree實(shí)現(xiàn)樹形菜單 dtree使用說明
本節(jié)主要介紹用dtree來實(shí)現(xiàn)樹形的菜單，需要的朋友可以參考下。
2011-10-10
又一個漂亮的導(dǎo)航欄的下拉菜單
這篇文章主要介紹了又一個漂亮的導(dǎo)航欄的下拉菜單,需要的朋友可以參考下
2007-06-06
利用js跨頁面保存變量做菜單的方法
2008-01-01
javascript 代碼簡單的管理菜單
2008-05-05