如何在HTML中的一个页面中实现窗口的隐藏和显示?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在HTML中的一个页面中实现窗口的隐藏和显示?相关的知识,希望对你有一定的参考价值。

如何在HTML中的一个页面中实现窗口的隐藏和显示?是做网页的表头时用到的,点击表头中的某一个标题,让其中的内容显示,不点击时隐藏,也就是隐藏框

需要用到js或者jquery,
jquery 用法:
<div id='abc'>显示隐藏</a>
$('#abc).show();这是显示
$('#abc).hide();这是隐藏
参考技术A 就是下拉导航栏是不是?追问

就是点击的时候,出现一个隐藏框,里面显示的有内容,因为我是刚学,不是太懂

好像就是你说的那样

追答

把要下拉的几个li标签再加一个ul

追问

有代码吗,我想看看实现的效果,可以吗?

追答

你找到类似的网站看下源码就知道了

li和ul明白吗

追问

这个我知道

做网页时要用到

追答






通常是这样

不带下拉

如果你把他复制一遍插入中间就下拉了

明白了吗?

自己可以试试写

追问

这个不就是用在div中的吗?

追答

追问

我的意思是点击其中一个表签,它就会出现一个页面,而这个页面是隐藏的

我不太懂你说的那个是要实现什么样的功能?

追答

比如菜单里有个叫产品中心的栏目,点击这个栏目会往下展示具体的分类

追问

嗯嗯

就是这样的

但我不会实现

追答

你找一个这种效果的网站,查看下源代码,你会发现一个div里面有2个ul第二个ul写在第一个ul里面的

以上是关于如何在HTML中的一个页面中实现窗口的隐藏和显示?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 html/javascript 中实现登录弹出窗口

Android中实现密码的隐藏和显示的示例

如何在一个jsp网页中实现数据库查询和显示结果

如何在剃须刀页面中实现 Treeview

如何在 Grails 中实现超时页面

如何在 UITable 中实现 Instagram 评论的效果?