用JS实现一个TreeMenu效果分享


Posted in Javascript onAugust 28, 2011

今天学的一点小东西和大家分享一下。
类似TreeMenu控件.
不废话直接代码:

<script language="javascript"> 
function control() {//定义函数 
if (sMenus3.innerHTML == "+") {//判断展开状态 
ulMenu3.style.display = "block";//如果是“+”号 则可以展开 
sMenus3.innerText = "-";//展开之后显示为减号 
} 
else { 
ulMenu3.style.display = "none";//如果为“-”号 则不能展开 
sMenus3.innerText = "+";//点击之后符号变换。 
} 
} 
</script>

Html 代码:
//这段代码没什么说的 主要就是Id 和js代码中的Id对应。
<body> 
<span id="sMenus3" style=" border:1px solid #00000; color:Blue;cursor:hand ;" onclick="control()">-</span>无网站状态<br/> 
<ul id="ulMenu3"> 
<li><a href="http://www.baidu.com" target="_blank">百度</a> </li> 
<li><a href="http://www.baidu.com" target="_parent">百度</a></li> 
<li><a href="http://www.baidu.com" target="_blank">还是百度</a></li> 
</ul> 
</body>
Javascript 相关文章推荐
js数组转json并在后台对其解析具体实现
Nov 20 Javascript
js实现弹窗插件功能实例代码分享
Dec 12 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
Javascript核心读书有感之类型、值和变量
Feb 11 Javascript
JavaScript数组常用方法
Mar 02 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
JavaScript判断微信浏览器实例代码
Jun 13 Javascript
jquery实现图片切换代码
Oct 13 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
vue实现购物车的监听
Apr 20 Javascript
JS target与currentTarget区别说明
Aug 28 #Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
Aug 28 #Javascript
range 标准化之获取
Aug 28 #Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 #Javascript
js中设置元素class的三种方法小结
Aug 28 #Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 #Javascript
IE6、IE7中获取Button元素的值的bug说明
Aug 28 #Javascript
You might like
在PHP中利用XML技术构造远程服务(上)
2006/10/09 PHP
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
2015/03/18 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
Vue组件库发布到npm详解
2018/02/17 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
[52:20]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第一场 6.2
2018/06/03 DOTA
python基础教程之lambda表达式使用方法
2014/02/12 Python
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
美国农场鲜花速递:The Bouqs
2018/07/13 全球购物
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
邮政员工辞职信
2014/01/16 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
校园环保标语
2014/06/13 职场文书
工程造价专业求职信
2014/07/17 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
刑事撤诉申请书
2015/05/18 职场文书
太行山上观后感
2015/06/05 职场文书
外出学习心得体会范文
2016/01/18 职场文书
Spring Boot 整合 Apache Dubbo的示例代码
2021/07/04 Java/Android