<div class="n_nav clearfix">这个里面是一级分类
<p class="navigation_column">型号</p><ul class="ul2">这个里面放的是二级的分类
想问的就是如何能够控制二级分类的显示问题
纯css就能制作菜单,不需要js。兼容ie6-才需要
DEMO
<!doctype html>
<title>简单纯css菜单</title>
<style>
ul,li{list-style:none;margin:0px;padding:0px}
ul.menu li{margin-left:10px;float:left;position:relative;line-height:20px}/*注意调整这个样式及 ul.menu li ul这个样式的top以便兼容ie7,要不ie7会覆盖父菜单。top介于0~line-height之间的值,自己注意修改不遮盖住就行*/
ul.menu li ul{margin-left:0px;float:none;position:absolute;left:0px;background:#eee;width:100px;top:19px}
ul.menu li ul li{margin-left:0px;float:none;}
ul.menu li:hover ul{display:block;}
ul.menu li ul{display:none}
</style>
<ul class="menu">
<li>
<a href="#">Item1</a>
<ul><li>Item1-1</li><li>Item1-2</li></ul>
</li>
<li>
<a href="#">Item2</a>
<ul><li>Item2-1</li><li>Item2-2</li></ul>
</li>
<li>
<a href="#">Item3</a>
<ul><li>Item3-1</li><li>Item3-2</li></ul>
</li>
</ul>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。