Discuz教程网

1314学习网»站长论坛 › 站长交流区 › 技术杂谈 › 用JS实现一个TreeMenu效果分享
返回列表 发新帖

用JS实现一个TreeMenu效果分享

[复制链接]
authicon dly 发表于 2011-9-6 20:47:44 | 显示全部楼层 |阅读模式
今天学的一点小东西和大家分享一下。
类似TreeMenu控件.
不废话直接代码：
  1. <script language="javascript">
  2. function control() {//定义函数
  3. if (sMenus3.innerHTML == "+") {//判断展开状态
  4. ulMenu3.style.display = "block";//如果是“+”号 则可以展开
  5. sMenus3.innerText = "-";//展开之后显示为减号
  6. }
  7. else {
  8. ulMenu3.style.display = "none";//如果为“-”号 则不能展开
  9. sMenus3.innerText = "+";//点击之后符号变换。
  10. }
  11. }
  12. </script>
复制代码

Html 代码：
//这段代码没什么说的 主要就是Id 和js代码中的Id对应。
  1. <body>
  2. <span id="sMenus3" style=" border:1px solid #00000; color:Blue;cursor:hand ;">-</span>无网站状态<br/>
  3. <ul id="ulMenu3">
  4. <li><a href="http://www.baidu.com" target="_blank">百度</a> </li>
  5. <li><a href="http://www.baidu.com" target="_parent">百度</a></li>
  6. <li><a href="http://www.baidu.com" target="_blank">还是百度</a></li>
  7. </ul>
  8. </body>
复制代码



上一篇：JS target与currentTarget区别说明
下一篇：有关JavaScript的10个怪癖和秘密分享
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-7-10 02:46

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表