js菜单点击显示或隐藏效果的简单实例

 更新时间:2014年01月13日 08:50:45   作者:  
本篇文章主要是对js菜单点击显示或隐藏效果的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

复制代码 代码如下:

<!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>
<a href="#" onclick="Show_Hidden(tr1)">申报3A级、2A级、1A级的旅游景区</a>
<table>
<tr id="tr1" style="display:none;">
<td>凡在中华人民共和国境内,正式开业从事旅游经营业务一年以上的旅游景区,包括风景区、文博院馆、寺庙观堂、旅游度假区、自然保护区、主题公园、森林公园、地质公园、游乐园、动物园、植物园及工业、农业、经贸、科教、军事、体育、文化艺术等旅游景区,均可申请参加质量等级评定。
旅游景区质量等级评定,是指对具有独立管理和服务机构的旅游景区进行评定,对园中园、景中景等内部旅游点,不进行单独评定。
</td>
</tr>
</table>

</body>
</html>

相关文章

  • 微信小程序实现的图片保存功能示例

    微信小程序实现的图片保存功能示例

    这篇文章主要介绍了微信小程序实现的图片保存功能,结合实例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函数图片保存功能相关使用技巧,需要的朋友可以参考下
    2019-04-04
  • JS非空验证及邮箱验证的实例

    JS非空验证及邮箱验证的实例

    下面小编就为大家带来一篇JS非空验证及邮箱验证的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • javascript前端埋点上报的几种方式

    javascript前端埋点上报的几种方式

    本文将介绍前端埋点上报的几种常见方式,并详细阐述如何在项目中运用这些方式进行数据上报,以帮助开发者更好地进行数据收集和分析,感兴趣的可以了解一下
    2023-11-11
  • js实现Select列表各项上移和下移的方法

    js实现Select列表各项上移和下移的方法

    这篇文章主要介绍了js实现Select列表各项上移和下移的方法,涉及javascript动态操作页面元素属性值的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JavaScript实现的浏览器下载文件的方法

    JavaScript实现的浏览器下载文件的方法

    本文通过一段简单的代码给大家介绍了js实现浏览器下载文件的方法,需要的的朋友参考下吧
    2017-08-08
  • JS函数修改html的元素内容,及修改属性内容的方法

    JS函数修改html的元素内容,及修改属性内容的方法

    下面小编就为大家带来一篇JS函数修改html的元素内容,及修改属性内容的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • Bootstrap每天必学之面板

    Bootstrap每天必学之面板

    Bootstrap每天必学之面板,面板(Panels)是Bootstrap框架新增的一个组件,其主要作用就是用来处理一些其他组件无法完成的功能,对面板感兴趣的小伙伴们可以参考一下
    2015-11-11
  • js回文数的4种判断方法示例

    js回文数的4种判断方法示例

    这篇文章主要给大家介绍了关于js回文数的4种判断方法,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • JavaScript中const、var和let区别浅析

    JavaScript中const、var和let区别浅析

    在JavaScript中有三种声明变量的方式:var、let、const。但是有朋友不清楚这三种声明变量的区别,下面脚本之家小编给大家详细介绍下js中const、var和let的区别,感兴趣的朋友一起看看吧
    2016-10-10
  • javascript实现自由编辑图片代码详解

    javascript实现自由编辑图片代码详解

    这篇文章主要介绍了javascript实现自由编辑图片代码详解,在当下的的前端项目中,图片功能可以说是非常常见的,图片的展示、图片的裁剪编辑、图片的上传等,那么我们的项目便来了个需求。,需要的朋友可以参考下
    2019-06-06

最新评论