现在位置:首页 » 代码修改 »

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

心岛发布于2014年03月06日  分类: 代码修改  浏览:3498 人次  评论:1 

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

本文由心岛原创或编辑,转载请保留链接【纯CSS方式实现导航下拉菜单的代码】http://www.liangxin.name/?post=400
本文标签: Css兼容
上一篇: 时尚百搭xindao企业模版V1.0发布
下一篇:最新收集!关于织梦(DEDECMS)网站搬家的两种方法
目前有 1 条评论
avatar
极客志 2014-06-11 15:55回复
感谢分享