HTML中列表收起与展开

HTML中，点击列表元素，在其下展开更多的小选项。不点的时候是收起来的。
就是实现路由器左边的菜单那样的功能。怎么实现，知道的指点一下，谢谢了！！
我现在要设计一个有防火墙功能的路由器
分两部分:后台的CGI和前台的网页
CGI技术好说,比较单一,但是网页技术太过繁杂,看见别人的效果就是做不出来.除了HTML,CSS,JAVASCRIPT之外,还要用到什么技术呢?
登陆路由器的验证对话框是怎么实现的?
不懂的太多,谁给指点一下下.QQ:501273588

举报该问题

推荐答案推荐于2018-03-22

最常见的方法是通过Javascript控制某标签的CSS属性来实现的，下面是具体实现方法：

首先给要隐藏或显示的部分所在标签一个惟一的ID，比如将它们放到一个<div id="div1"></div>里;

然后给某个实体(按你的意思来，就是"列表元素")的onclick事件写一个响应的方法，方法中用上类似以下的语句：

document.all["div1"].style.display="block"; //显示
或
document.all["div1"].style.display="none"; //隐藏

其中"div1"就是要显示或隐藏的部分的ID。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/sipi2sD9.html

其他回答

第1个回答 2008-06-27

JAVASCRIPT+css 实现的
其实原理和动态导航栏一样

第2个回答 2008-06-27

css的功能。你看一下css

相似回答

html select列表可以自动展开吗?答：为简化用户操作，希望鼠标悬停在下拉列表框上时，能自动展开。查了一下select的属性，没有相关的操作。最后找了一个变通的办法，代码如下：\x0d\x0a\x0d\x0a\x0d\x0a126\x0d\x0a163\x0d\x0a163net\x0d\x0a163vip\x0d\x0a\x0d\x0a就是让鼠标悬停后，显示的数目就自动改成1...

HTML中折叠展开的实现。答：<p>All pages and graphics on this web site are the property of W3School.</p> </details> </body> </html>

如何用HTML、CSS3和JavaScript做出下图的展开、收起的动画?答：这样就是一个展开收缩的效果了 <body> <div id="div1"> <ul> <li></li> </ul> </div> <script> var oDiv = document.getElementById('div1');var oUl = oDiv.getElementsByTagName('ul')[0];var Off = true;oDiv.onclick = function(){ if(Off){ oUl.style.display = "block...

网页设计中,如何实现点击收起,点击展开? 好像是移位什么的答：这个有方法的嘛，都是使用了一些js代码的点击的时候就隐藏了一些内容，然后再点击就显示出一些内容。不过这样写的话有点麻烦了，所以我们一把使用一般使用一些js框架例如JQuery.js 这样的话，只需要得到对象.toggle();就可以实现那个功能了。 $("#对象ID").toggle();...

收缩/展开的HTML代码,如何让收缩速度更快一点答：var step = 5;改成 var step = 50;

jquery 怎么实现展开和收起按钮之间的切换答：1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的<script>标签，输入jquery代码：('button').click(function () { if ($(this).text() === '展开') { ('input').show();(this).text('收起');} else { ('input').hide();(this).text(...

大家正在搜

多个列表中内容显示有展开收起按钮 vue列表展开收起 vue文字的展开与收起列表收缩展开实现 html5列表展开收缩说说怎么展开收起点击展开更多和收起空间说说展开收起 html展开收起