简单的横向下拉menu!
一款简单的下拉菜单,纯css超级实用
#navigation{ width:800px; height:22px; line-height:22px; padding:6px; border:1px solid #0066CC; background:#0099CC;}
#navigation ul li{ display:block; float:left; position:relative; margin-right:15px;}
#navigation ul li a{ display:block; background:#FFFFFF; color:#000099; text-decoration:none; font-size:12px; font-weight:bold; padding:0px 5px;}
#navigation ul li a:hover{ background:none; color:#FFFFFF; text-decoration:underline;}
#navigation ul li ul{ display:none; position:absolute;}
#navigation ul li:hover ul{ display:block; width:80px; background:#FFFFFF; color:#009;}
#navigation ul li ul li{ display:block; background:#FF9900; color:#FFFFFF;width:80px; border-bottom:#CCCCCC 1px solid;}
<div id="navigation">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">衬衫</a>
<ul id="aa;">
<li><a href="#">长袖</a></li>
<li><a href="#">短袖</a></li>
<li><a href="#">中袖</a></li>
</ul>
</li>
<li><a href="#">卫衣</a>
<ul>
<li><a href="#">套头</a></li>
<li><a href="#">开襟</a></li>
</ul>
</li>
<li><a href="#">裤子</a>
<ul>
<li><a href="#">长袖长袖</a></li>
<li><a href="#">短袖长袖</a></li>
<li><a href="#">中袖</a></li>
</ul>
</li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
分享到:
相关推荐
纯CSS下拉菜单 不需要JS 效果不错! 从某外国网站上直接弄下来的!
qq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menuqq 下拉菜单 CSS css menu
纯css的导航下拉菜单 纯css的导航下拉菜单 纯css的导航下拉菜单
今天我们要分享的是一款基于纯CSS的建议下拉菜单,它的特点是外观非常简洁,但是由于每一个菜单项都有一条不同颜色的边框,所以看起来也非常漂亮。同时这款菜单可以默认展开菜单项,也可以点击按钮后展开,使用起来...
纯CSS多级下拉菜单,
5款漂亮的纯CSS下拉菜单,欢迎下载使用。
css3 下拉菜单css3 下拉菜单css3 下拉菜单css3 下拉菜单
这是一个纯CSS的下拉菜单,提供给CSS爱好者学习,应用不是非常广泛,如果作为导航栏请固定高度,否则会将页面玩挤下。
这是一款纯CSS大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作,没有任何js代码。适合用于栏目分类较多的网站使用。
纯CSS控制实现的拉菜单效果,反复删改,只留下了核心代码,在最大程度上为需要的人留下了空间
纯css控制的下拉菜单实例,初学者可以根据修改自己的菜单
css实现下拉菜单,鼠标移动到上面就可以显示下面的子菜单
一个纯css实现的下拉菜单,效果还不错,希望给大家一些参考
div+css制作一个纯css下拉菜单导航 div+css制作一个纯css下拉菜单导航 div+css制作一个纯css下拉菜单导航 div+css制作一个纯css下拉菜单导航
纯css鼠标经过下拉菜单 纯css鼠标经过下拉菜单.htm
之前我们分享过非常多的jQuery/CSS3下拉菜单插件,有些非常实用,比如这...今天我们要介绍的是另外一款下拉菜单导航,它是纯CSS3实现,其特点是简单易用,并且支持多种下拉弹出动画,非常不错,大家可以下载源码试试。
纯css下拉菜单效果,只要css和div就能实现菜单的下拉效果
这又是款基于CSS3的下拉菜单,这款CSS3菜单是手风琴样式的,关于手风琴菜单,大家也可以回顾一下这款CSS3手风琴菜单 可同时折叠多个菜单。今天的这款CSS3手风琴菜单也类似,菜单具有3种模式,一种是同时展开多个菜单...
24、Jquery纯CSS3制作华丽网站下拉菜单