>백엔드 개발 >PHP 튜토리얼 >这种网页特效是用什么实现的?

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

WBOY
WBOY원래의
2016-07-06 13:53:001102검색

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

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

回复内容:

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

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

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

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

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

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

搜索 jquery ui 折叠面板

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

js+css

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.