js菜单点击显示或隐藏效果

ExpandedBlockStart.gif 代码
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />
< title > 无标题文档 </ title >
< script  type ="text/javascript" >
function  Show_Hidden(trid){
    
if (trid.style.display == " block " ){
        trid.style.display
= ' none ' ;
    }
else {
        trid.style.display
= ' block ' ;
    }
}
</ script >
</ head >
< body >
< href ="#"  onclick ="Show_Hidden(tr1)" > 申报3A级、2A级、1A级的旅游景区 </ a >
< table >
< tr  id ="tr1"  style ="display:none;" >
< td > 凡在中华人民共和国境内,正式开业从事旅游经营业务一年以上的旅游景区,包括风景区、文博院馆、寺庙观堂、旅游度假区、自然保护区、主题公园、森林公园、地质公园、游乐园、动物园、植物园及工业、农业、经贸、科教、军事、体育、文化艺术等旅游景区,均可申请参加质量等级评定。
旅游景区质量等级评定,是指对具有独立管理和服务机构的旅游景区进行评定,对园中园、景中景等内部旅游点,不进行单独评定。
</ td >
</ tr >
</ table >

</ body >
</ html >

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现仿京东左侧菜单点击显示隐藏效果,可以使用Javascript来操作DOM元素。具体实现步骤如下: 1. 首先,需要获取到左侧菜单的DOM元素,可以使用document.querySelector()或document.getElementById()方法来获取。 2. 然后,给左侧菜单中的每个分类添加一个点击事件监听器,当用户点击分类时,触发该事件。 3. 在事件处理函数中,需要获取到该分类下的子菜单DOM元素,并判断其当前的状态(显示隐藏)。 4. 如果子菜单隐藏状态,则将其显示出来(可以使用style.display属性或classList.add()方法来实现);如果子菜单显示状态,则将其隐藏起来。 下面是一个简单的示例代码,可以实现点击分类菜单显示隐藏其子菜单效果: HTML代码: ``` <ul id="menu"> <li class="category">分类1 <ul class="submenu"> <li>子菜单1-1</li> <li>子菜单1-2</li> </ul> </li> <li class="category">分类2 <ul class="submenu"> <li>子菜单2-1</li> <li>子菜单2-2</li> </ul> </li> </ul> ``` Javascript代码: ``` var categories = document.querySelectorAll('.category'); for (var i = 0; i < categories.length; i++) { categories[i].addEventListener('click', function() { var submenu = this.querySelector('.submenu'); if (submenu.style.display === 'none') { submenu.style.display = 'block'; } else { submenu.style.display = 'none'; } }); } ``` 代码中,首先使用document.querySelectorAll()方法获取所有的分类菜单,然后遍历每个分类菜单,为其添加一个点击事件监听器。在事件处理函数中,使用this关键字获取当前点击的分类菜单,然后再使用querySelector()方法获取其子菜单。根据子菜单的当前状态,使用style.display属性来显示隐藏菜单
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值