AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

Javascript显示和隐藏ul列表的方法

51自学网 http://www.wanshiok.com
Javascript,显示,隐藏,ul列表

本文实例讲述了Javascript显示和隐藏ul列表的方法。分享给大家供大家参考。具体如下:

<ul id="rightNav"> <li> <h2 class="rightNavItem"><a href="#">Show & Hide</a></h2> <ul> <li><a href="">Links etc here</a></li> </ul> </li></ul><script>function enableRightNavExpand() { if (!document.getElementById) return false; if (!document.getElementById("rightNav")) return false; var nav = document.getElementById("rightNav"); var navItem = nav.getElementsByTagName("li"); for (var i = 0; i < navItem.length; i++){  navItem[i].onclick=function() {   if (this.className == "selected") {    this.className = "";   }   else if (this.className == ""){    this.className = "selected";   }  } }}</script>

希望本文所述对大家的javascript程序设计有所帮助。


Javascript,显示,隐藏,ul列表  
上一篇:JavaScript截断字符串的方法  下一篇:jQuery实现提示密码强度的代码