Maison > interface Web > tutoriel HTML > 头都大了,到底怎么用div+css做二级菜单啊_html/css_WEB-ITnose

头都大了,到底怎么用div+css做二级菜单啊_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:24:44
original
1268 Les gens l'ont consulté


如上两图,想做一个这样子的菜单,单击订单管理时可以看到“查看订单”和“取消订单”的功能,然后再次单击订单管理就将其隐藏,请问这个到底要怎么做啊,如果有代码就太感谢了啊


回复讨论(解决方案)

点击用js事件,css控制不了,鼠标移动上去展开可以实现展开,移动出外面收缩,而不是点击

本人小白。个人认为可以设置一个隐藏域,里面写查看订单和取消订单,在页面用jquery写toggle(fn1,fn2,...)方法,fn1就写为隐藏域显现,fn2就写为隐藏域隐藏

应该用li做吧,li+div

用li标签加CSS做,用CSS的伪类实现很简单
先把二级菜单的display属性设为none
然后鼠标移到li标签的时候设为block就是了

使用javascript事件控制子菜单块的样式display:none; 和 display:block; 的切换。
自己动动脑子吧,别老让别人带写。

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