用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 相关文章推荐
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
input输入框鼠标焦点提示信息
Mar 17 Javascript
Knockoutjs 学习系列(一)ko初体验
Jun 07 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
微信小程序HTTP接口请求封装的实现
Feb 21 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 Javascript
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
iview的table组件自带的过滤器实现
Jul 12 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
php include的妙用,实现路径加密
2008/07/29 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
PHP设置images目录不充许http访问的方法
2016/11/01 PHP
PHP 无限级分类
2017/05/04 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
JQuery 入门实例1
2009/06/25 Javascript
javascript 函数及作用域总结介绍
2013/11/12 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
js获取域名的方法
2015/01/27 Javascript
JavaScript判断微信浏览器实例代码
2016/06/13 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
2018/05/13 Javascript
原生js代码能实现call和bind吗
2019/07/31 Javascript
jQuery实现可编辑的表格
2019/12/11 jQuery
跟老齐学Python之for循环语句
2014/10/02 Python
Python找出最小的K个数实例代码
2018/01/04 Python
python在文本开头插入一行的实例
2018/05/02 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
Python搭建代理IP池实现检测IP的方法
2019/10/27 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
python jenkins 打包构建代码的示例代码
2019/11/29 Python
python初步实现word2vec操作
2020/06/09 Python
美国第二大团购网站:LivingSocial
2016/07/24 全球购物
使用索引(Index)有哪些需要考虑的因素
2016/10/19 面试题
管理信息系学生的自我评价
2014/01/11 职场文书
《童年的发现》教学反思
2014/02/14 职场文书
政治表现评语
2014/05/04 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
工作作风建设心得体会
2014/10/22 职场文书
在校证明模板
2015/06/17 职场文书
MySql数据库 查询时间序列间隔
2022/05/11 MySQL