请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站资讯淘帖

127社区-师生共同的网上家园

 找回密码
 立即注册

QQ登录

只需一步,快速开始

用新浪微博连接

一步搞定

查看: 361|回复: 0

[开发技巧] 如何制作可显示或隐藏的项目菜单(示例代码)

[复制链接]

388

主题

12

听众

1万

积分

网站编辑

  • TA的每日心情
    开心
    2012-9-28 06:17
  • 签到天数: 69 天

    [LV.6]常住居民II

    发表于 2011-9-11 22:55:29 |显示全部楼层

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    立即注册 已有账号?点击登录 或者 用QQ帐号登录

    1. <html>
    2. <head>
    3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    4. <title>如何制作可显示或隐藏的项目菜单</title>
    5. <script language="JavaScript">
    6. function show(sid)
    7. {
    8. whichEL=eval("zm"+sid);
    9. if(whichEL.style.display=="none")
    10. {eval("zm"+sid+".style.display=\"\";");}
    11. else
    12. {eval("zm"+sid+".style.display=\"none\";");}
    13. }
    14. </script>
    15. </head>
    16. <body>
    17. <a href="#" onclick=show(1)>主项目1</a>
    18. <ul id="zm1" >
    19.   <li>子项目11</li>
    20.   <li>子项目12</li>
    21.   <li>子项目13</li>
    22. </ul>
    23. <p><a href="#" onclick=show(2)>主项目2</a></p>
    24. <ul id="zm2">
    25.   <li>子项目21</li>
    26.   <li>子项目22</li>
    27.   <li>子项目23</li>
    28. </ul>
    29. </body>
    30. </html>
    复制代码

    学无止境,勇攀高峰!我们应该给予学生钥匙和打开知识宝库的方法,而不是宝库本身。
    您需要登录后才可以回帖 登录 | 立即注册

    手机客户端|Archiver|Dr.Com下载|自助广告位|127格子铺|127社区-师生共同的网上家园 ( 渝ICP备10016736号 ) 手机客户端  

    GMT+8, 2013-1-2 00:20

    回顶部