Heim > Backend-Entwicklung > PHP-Tutorial > 这种网页特效是用什么实现的?

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

WBOY
Freigeben: 2016-07-06 13:53:00
Original
1098 Leute haben es durchsucht

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

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

回复内容:

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

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

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

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

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

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

搜索 jquery ui 折叠面板

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

js+css

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage