这种网页特效是用什么实现的?

WBOY
Release: 2016-07-06 13:53:00
Original
1053 people have browsed it

这种网页特效是用什么实现的?

如图,这样一个菜单栏,可以点击动态伸展开的。。。是用什么实现的?

回复内容:

这种网页特效是用什么实现的?

如图,这样一个菜单栏,可以点击动态伸展开的。。。是用什么实现的?

一楼的回答也是醉了。。谁不知道是js+css,具体实现是这样的:

<code><ul>
<li>房间信息</li>
<li>订单信息</li>
<li>会员
    <ul style="display:none">
    <li>查看会员</li>
    <li>录入会员信息</li>
    </ul>
</li>
<ul></ul>
</ul></code>
Copy after login

以上是html结构,思路就是嵌套ul,并且隐藏,当用户点击‘会员时’,用js把它.show(),然后用.slideUp()展开。

jQuery 好像直接有这样的效果,具体请找找类似的插件。

搜索 jquery ui 折叠面板

css3 transition可以让样式的改变拥有过渡效果
至于怎样改变样式,当然是js啦

js+css

js+css 菜单栏 动态展开
你用这三个字做为百度关键字搜索就有一大堆答案
自己不会百度么

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!