2013年最火的二级导航代码

sunfangyu008 · 发表于 2013-4-19 21:55:23

演示地址www.xicheng520.com 如有不懂可加论坛闲聊灌水发帖求帮助
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.comiis_nav {
BACKGROUND: #f7f9fb url(comiis_bato/comiis_navbg.jpg) repeat-x;
border: 1px solid #E2EAF1;
border-top: 0px solid #E2EAF1;
HEIGHT: 57px;
width: 947px;
overflow: hidden;
padding-left: 10px;
background: #F7F9FB url(http://www.aiqingxuanyan.com) repeat-x;
}
.nav_ico01 {
BACKGROUND: url(

) no-repeat;
background: url(

) no-repeat;
}
.nav_ico02 {
BACKGROUND: url(

) no-repeat;
background: url(

) no-repeat;
}
.nav_ico03 {
BACKGROUND: url(

) no-repeat;
background: url(

) no-repeat;
}
.nav_ico04 {
BACKGROUND: url(

) no-repeat;
background: url(

) no-repeat;
}
* {
word-wrap: break-word;
}
div {
display: block;
}
body, input, button, select, textarea {
font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
color: #444;
}
.comiis_nav dt {
WIDTH: 207px;
HEIGHT: 50px;
FLOAT: left;
overflow: hidden;
padding-left: 48px;
padding-top: 6px;
}
dt {
display: block;
}
element.style {
width: 130px;
}
.comiis_nav dt li {
LINE-HEIGHT: 22px;
WIDTH: 65px;
FLOAT: left;
HEIGHT: 22px;
overflow: hidden;
}
ul, li {
list-style: none;
}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
margin: 0;
padding: 0;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}

-->
</style>

</head>

<body>

<div class="comiis_nav">
<dt class="nav_ico01">
<li><A title=锡城招聘 target="_blank" >锡城招聘</A></li>
<li><A title=锡城求职 target="_blank" >锡城求职</A></li>
<li><A title=商铺转让 target="_blank" >商铺转让</A></li>
<li><A title=房屋租凭 target="_blank" >房屋租凭</A></li>
<li><A title=锡城新闻 target="_blank" >锡城新闻 </A></li>
<li><A title=玩乐锡城 target="_blank" >玩乐锡城</A></li>
 </dt>
<dt class="nav_ico02">
<li><A title=健康保养 target="_blank" >健康保养</A></li>
<li><A title=社会新闻 target="_blank" >社会新闻</A></li>
<li><a >宝宝趣事</a></li>
<li><A title=征婚交友 >征婚交友</A></li>
<li><A title=情感互动 target="_blank" >情感互动 </A></li>
<li><A title=车友互动 target="_blank" >车友互动 </A></li>
</dt>
<dt class="nav_ico03">
<li><A title=游戏竞技 target="_blank" >游戏竞技</A></li>
<li><A title=娱乐八卦 target="_blank" >娱乐八卦</A></li>
<li><A title=闲聊灌水 target="_blank" >闲聊灌水</A></li>
<li><A title=旅行摄影 target="_blank" >旅行摄影 </A></li>
<li><A title=二手市场 target="_blank" >二手市场</A></li>
<li><A title=家居装饰 target="_blank" >家居装饰</A></li>
</dt>
<dt class="nav_ico04" style="width:130px;">
<li><A title=站内公告 target="_blank" >站内公告</A></li>
<li><A title=广告加盟 target="_blank" >广告加盟</A></li>
<li><a target="_blank">妈咪宝贝</a></li>
<li><a target="_blank">新手报到</a></li>
</dt>
</div>
</body>
</html>

1314学习网 · 发表于 2013-4-19 22:24:58

前排。。。。

好人好梦呗 · 发表于 2013-4-20 02:15:53

那我就附上此二级导航的透明图标吧。

可爱的轩轩 · 发表于 2013-4-21 06:31:56

没有预览图吗

gbote123 · 发表于 2013-7-24 02:40:43

求效果图啊

my4026808 · 发表于 2014-1-7 11:29:26

效果图都没怎么火啊

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

[发布] 2013年最火的二级导航代码

本帖子中包含更多资源