脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Javascript显示和隐藏ul列表

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

 更新时间：2015年07月15日 11:33:50   作者：不吃皮蛋  
这篇文章主要介绍了Javascript显示和隐藏ul列表的方法,涉及javascript针对页面元素遍历及显示与隐藏的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

<ul id="rightNav">
 <li>
 <h2 class="rightNavItem"><a href="#">Show &amp; 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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • echarts柱状图坐标轴内容显示不全的两种解决办法

    echarts柱状图坐标轴内容显示不全的两种解决办法

    本文主要介绍了echarts柱状图坐标轴内容显示不全的两种解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • js实现下拉菜单效果

    js实现下拉菜单效果

    本文主要介绍了js实现下拉菜单效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧
    2017-03-03
  • javascript实现简单小钢琴有声弹奏效果

    javascript实现简单小钢琴有声弹奏效果

    用HTML5+javascript实现的小钢琴,按下钢琴键上的相应字母用或用鼠标点击钢琴键发声,javascript代码包含了对鼠标按下、移动和松开,以及键盘按下的事件监听
    2024-02-02
  • javascript实现保留两位小数的多种方法

    javascript实现保留两位小数的多种方法

    这篇文章主要介绍了javascript实现保留两位小数的多种方法，如果数字的原本小数位数不到两位，那么缺少的就自动补零，感兴趣的小伙伴们可以参考一下
    2015-12-12
  • JS Date时间格式化的方法

    JS Date时间格式化的方法

    这篇文章主要介绍了JS Date时间格式化的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-01-01
  • JS从数组中随机取出几个数组元素的方法

    JS从数组中随机取出几个数组元素的方法

    JS如何从一个数组中随机取出一个元素或者几个元素呢？其实方法很简单，下面小编给大家分享了JS随机取出几个数组元素的方法，非常不错，需要的朋友参考下
    2016-08-08
  • JavaScript实现简单打地鼠游戏

    JavaScript实现简单打地鼠游戏

    这篇文章主要为大家详细介绍了JavaScript实现简单打地鼠游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript实现鼠标拖拽效果

    JavaScript实现鼠标拖拽效果

    这篇文章主要为大家详细介绍了JavaScript实现鼠标拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript反弹动画效果的实现代码

    JavaScript反弹动画效果的实现代码

    本文通过实例代码给大家介绍了js反弹动画效果的实现代码，需要的朋友参考下吧
    2017-07-07
  • js使用正则实现ReplaceAll全部替换的方法

    js使用正则实现ReplaceAll全部替换的方法

    JS 没有提供replaceAll这样的方法。使用正则表可以达成Replace 的效果，感兴趣的朋友看看下面的示例
    2014-08-08

最新评论