Maison > développement back-end > tutoriel php > 这种网页特效是用什么实现的?

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

WBOY
Libérer: 2016-07-06 13:53:00
original
1098 Les gens l'ont consulté

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

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

回复内容:

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

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

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

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

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

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

搜索 jquery ui 折叠面板

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

js+css

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal