html 导航条下拉列表怎么做

html 导航条下拉列表怎么做,第1张

先把导航条做出来,然后在每个想有下拉列表的栏目下,画出来下拉的选项,格式一般为

<div><ul><li><a>1</a></li><li><a>2</a></li></ul></div>,然后调好样式。并将div的style设置,display=none

然后获取到你的栏目,添加鼠标事件onMouseover或onclick都行。事件中添加jquery代码。

$("要下来的那个div的选择器").slideDown(100) 100为时间

基本上就是这个思路。

检查一下poaition和overflow的值设置是否合理。可以调出F12开发人员工具(右键点击对应的元素,然后选择“审查元素”或“检查元素”,看看那些css有什么设置,还可以现场临时修改以尝试正确的css)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6132806.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存