列表的隐藏与显示

最新推荐文章于 2021-07-07 19:19:36 发布

最新推荐文章于 2021-07-07 19:19:36 发布 · 338 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了Java核心技术，包括语言特性、输入输出处理及多线程应用，并深入探讨了Web客户端技术如JavaScript、HTML和CSS，同时覆盖了Web服务器端技术如JDBC、Servlet/JSP和WebService等，还特别讲解了流行的Java框架如Struts、Hibernate和Spring。

function action(m) { content = document.getElementById(m.id + '_content'); with (content.style) { display = display == 'none' ? '' : 'none'; } }
<script type="text/javascript" src="li.js"> </script> <ul> <li type=square> <span id="m1" onclick="action(this);">Core Java</span> </li> <ul id="m1_content" style="display: none" type=square> <li> <a href="javascript:;">Language</a> </li> <li> <a href="javascript:;">IO</a> </li> <li> <a href="javascript:;">Thread</a> </li> </ul> <li type=circle> <span id="m2" onclick="action(this);">Web Client</span> </li> <ul id="m2_content" style="display: none"> <li> <a href="javascript:;">JavaScript</a> </li> <li> <a href="javascript:;">HTML</a> </li> <li> <a href="javascript:;">CSS</a> </li> </ul> <li> <span id="m3" onclick="action(this);">Web Server</span> </li> <ul id="m3_content" style="display: none"> <li> <a href="javascript:;">JDBC</a> </li> <li> <a href="javascript:;">Servlet/JSP</a> </li> <li> <a href="javascript:;">Web Service</a> </li> <li type="square"> <span id="m31" onclick="action(this);">Framewroks</span> </li> <ul id="m31_content" style="display: none"> <li> <a href="javascript:;">Struts</a> </li> <li> <a href="javascript:;">Hibernate</a> </li> <li> <a href="javascript:;">Spring</a> </li> </ul> </ul> </ul>