自己搞的黑光的二级菜单，还不错！

淄博SEO · 发表于 2012-4-26 12:53:21

宽度可以自己调整，非常好用，觉得不错就顶一下~

<div id="mu" class="cl">
</div>
<div class="a_mu">
<style>
.category ul.width220{width:225px;}
.category ul.width100{width:100px;}
.category ul.width130{width:130px;}
.category ul.width50{width:50px;}
.wall {
width: 950px;
margin: 10px auto;
}
.category ul li.h_icon a, .category ul li.reds a {
color: #F30;
}
.category ul li.h_icon {
position: relative;
}
.category ul.mr0 {
margin-right: 0;
}
.category ul li img.new_icon {
position: absolute;
top: 4px;
}
.view-hover {
zoom: 1;
list-style-position: outside;
}
.category_left {
background: url(http://www.hylsy.com/images/qunchong_koolan/bbs_header_bg.png) 0 -388px no-repeat;
width: 45px;
height: 52px;
float: left;
}
.category p {
width: 16px;
font-size: 14px;
color: #7C1C06;
position: relative;
top: 5px;
font-weight: 700;
line-height: 20px;
margin: 0 0 0 12px;
}
.category ul {
height: 49px;
float: left;
background: url(http://www.hylsy.com/images/qunchong_koolan/bbs_header_bg.png) right -459px no-repeat;
margin-right: 18px;
padding: 3px 0 0;
}
.category ul li {
float: left;
font-size: 14px;
display: inline;
height: 23px;
line-height: 23px;
padding: 0 7px;
}
.category ul li a {
color: #666;
}
.blank10 {
clear: both;
height: 0;
overflow: hidden;
}
</style>
<div class="wall">
<div>
<div class="category">
<div class="category_left"><p>版务</p></div>
<ul class="width50">
<li><a target="_self">公告</a></li>
<li><a target="_self">活动</a></li>
</ul>
</div>
<div class="category">
<div class="category_left"><p>学院</p></div>
<ul class="width130">
<li><a target="_self">入门</a></li>
<li><a target="_self">技巧</a></li>
<li><a target="_self">后期</a></li>
<li><a target="_self">器材</a></li>
<li class="h_icon"><a target="_self">课程</a><img src="http://www.hylsy.com/images/qunchong_koolan/hot.gif" class="new_icon"></li>
<li><a target="_self">化妆</a></li>
</ul>
<div class="category">
<div class="category_left"><p>发布</p></div>
<ul class="width220">
<li class="h_icon">
<a target="_self">婚纱摄影</a>
<img src="http://www.hylsy.com/images/qunchong_koolan/hot.gif" class="new_icon"></li>
<li><a target="_self">人像摄影</a></li>
<li><a target="_self">驴友摄影</a></li>
<li><a target="_self">大杂烩</a></li>
<li><a target="_self">民俗与纪实</a></li>
<li><a target="_self">动植物微距</a></li>
</ul>
</div>
<div class="category">
<div class="category_left"><p>互动</p></div>
<ul class="width130">
<li class="h_icon">
<a target="_self">客栈</a><img src="http://www.hylsy.com/images/qunchong_koolan/hot.gif" class="new_icon"></li>
<li><a target="_self">策划</a></li>
<li><a target="_self">经营</a></li>
<li><a target="_self">网销</a></li>
<li><a target="_self">器材</a></li>
<li><a target="_self">装修</a></li>
</ul>
</div>
</div>
<div class="category">
<div class="category_left"><p>信息</p></div>
<ul class="width100">
<li class="h_icon"><a target="_self">转让</a><img src="http://www.hylsy.com/images/qunchong_koolan/hot.gif" class="new_icon"></li>
<li><a target="_self">招聘</a></li>
<li><a target="_self">交易</a></li>
<li><a target="_self">工作室</a></li>
</ul>
</div>
<div class="blank10"></div>
</div>
</div>
<p class="clr"></p>
</div>

复制代码

		自动登录	找回密码
密码			立即注册

[素材] 自己搞的黑光的二级菜单，还不错！

本帖子中包含更多资源