以下为本人从百度中找到的纯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代码大家可以根据实际需要进行处理!
百度已收录!