首页 > 代码修改 > 纯CSS方式实现导航下拉菜单的代码
2014
03-06

纯CSS方式实现导航下拉菜单的代码

以下为本人从百度中找到的纯CSS方式实现导航下拉列表的代码:

其实是利用了hover属性做到的,自然效果也是只有当鼠标移动到父级菜单上才会显示子菜单了!

#b{display:none;}
#a:hover #b{ display:inline-block;}
<div>
<ul id='a'><li>123<ul id='b'><li>2222222</li></ul><li></ul></div>

说明,任何东西都不是死的,以上代码只是提供了一个简单的演示思路,具体的html代码大家可以根据实际需要进行处理!

最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

纯CSS方式实现导航下拉菜单的代码》有 2 条评论

留下一个回复

你的email不会被公开。