導航條源碼
⑴ 求大神用HTML5和CSS做出這個導航條，求源代碼，急求大神幫忙
看看合不合你用
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<styletype="text/css">
*{margin:0;overflow:hidden;}
i,em,strong{font-style:normal;}
.bar{border-radius:10px;width:450px;box-sizing:;}
.sndliem{display:block;float:right;height:30px;border-right:1pxdashed#666;margin:5px000;}
a{text-decoration:none;height:40px;width:150px;line-height:40px;color:#000000;display:block;background:-webkit-gradient(linear,0%0%,0%100%,from(#b8c4cb),to(#f6f6f8))}
ul,li{margin:0;padding:0;}
.outli>li{list-style:none;float:left;box-sizing:border-box;text-align:center;position:relative;}
.inlili{list-style:none;box-sizing:border-box;text-align:center;background:#DCDCDC;}
ul.inli{display:none;}
.inli0>li{float:left;width:33%;}
.inli0>li:hover{background:#AAA;}
ul.outli>li.sndli:hover>ul{display:block;}
</style>
<body>
<divclass="bar">
<ulclass="outli">
<liclass="sndli">
<ahref="javascript:void(0)">1<em></em></a>
<ulclass="inli">
<li>
<ulclass="inli0">
<li>1.1</li>
<li>1.12</li>
<li>1.13</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>1.21</li>
<li>1.22</li>
<li>1.23</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>1.31</li>
<li>1.32</li>
<li>1.33</li>
</ul>
</li>
</ul>
</li>
<liclass="sndli">
<ahref="javascript:void(0)">2<em></em></a>
<ulclass="inli">
<li>
<ulclass="inli0">
<li>2.1</li>
<li>2.12</li>
<li>2.13</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>2.21</li>
<li>2.22</li>
<li>2.23</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>2.31</li>
<li>2.32</li>
<li>2.33</li>
</ul>
</li>
</ul>
</li>
<liclass="sndli">
<ahref="javascript:void(0)">3</a>
<ulclass="inli">
<li>
<ulclass="inli0">
<li>3.1</li>
<li>3.12</li>
<li>3.13</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>3.21</li>
<li>3.22</li>
<li>3.23</li>
</ul>
</li>
<li>
<ulclass="inli0">
<li>3.31</li>
<li>3.32</li>
<li>3.33</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
⑵ ASp網站源碼後台管理都有了。怎麼修改像導航條項目等。有教程最好了
修改導航簡單 看你有哪些頁面要在前台顯示 比如關於我們，聯系我們之類的 你找到 這些頁面 看下他的文件名字 然後 在頁面上修改么
asp 網站製作的的時候 有些特點
比如 一個網站頭部 ，尾部 導航部分 是公用的 然後他就起名字叫做 head.asp bottom.asp nav.asp , 還有資料庫的鏈接文件 叫做 inc.asp 或 conn.asp 網站常用的方法 函數 工具類 就會放到 function 目錄下面 後台管理路徑在 admin
你多看下 asp的開源程序就知道了
我推薦你學習 下 zblog 博客的程序
⑶ 哪個網址導航源碼最好謝謝！
網址導航源碼有很多種呀有360網址導航，hao123網址導航源碼，114LA網址導航好像一般都是114LA
PHP網址導航源碼推薦去這下載51zxw.org/51zxw
⑷ 簡單易懂的jQuery導航(三級菜單)源碼
<!--三級操蛋導航-->
<divclass="nav_left">
<divclass="nav_leftlist">
<h2><b></b>用戶系統</h2>
<dl>
<dt><b></b>用戶管理</dt>
<dd>
<aclass="cur"href="">商戶信息<b></b></a>
<ahref="">用戶信息<b></b></a>
</dd>
</dl>
</div>
<divclass="nav_leftlist">
<h2><b></b>財務系統</h2>
<dl>
<dt><b></b>系統賬務</dt>
<dd>
<ahref="">平台賬單<b></b></a>
<ahref="">賬單明細<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>商戶賬務</dt>
<dd>
<ahref="">商戶賬單<b></b></a>
<ahref="">提現管理<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>用戶賬務</dt>
<dd>
<ahref="">用戶賬單<b></b></a>
<ahref="">提現管理<b></b></a>
</dd>
</dl>
</div>
</div>
<style>
.nav_left{background:#232b35;height:100%;width:220px;min-height:600px;position:fixed;top:100px;left:0;}
.nav_leftlist{}
.nav_leftlisth2{height:50px;line-height:50px;padding-left:40px;font-size:16px;background:#3b444f;color:#999999;position:relative;cursor:pointer;}
.nav_leftlisth2b{position:absolute;top:20px;left:13px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:00;cursor:pointer;}
.nav_leftlisth2b.cur{background-position:-16px0;}
.nav_leftlistdl{}
.nav_leftlistdldt{height:50px;line-height:50px;background:#2c3643;font-size:16px;color:#ffffff;padding-left:60px;position:relative;cursor:pointer;}
.nav_leftlistdldtb{position:absolute;top:20px;left:34px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:0-10px;}
.nav_leftlistdldtb.cur{background-position:-16px-10px;}
.nav_leftlistdldd{}
.nav_leftlistdldda{display:block;height:50px;line-height:50px;color:#fff;padding-left:80px;font-size:16px;position:relative;}
.nav_leftlistdldda.cur{color:#ee581c;}
.nav_leftlistdldda.curb{display:block;position:absolute;top:16px;right:-1px;width:11px;height:18px;background:url(../images/icon04.png)no-repeat;background-position:0-20px;}
</style>
</body>
<scripttype="text/javascript"src="../js/jquery.js"></script>
<scripttype="text/javascript">
$(function(){
$('.nav_leftlist').on('click','h2',function(event){
$(this).siblings('dl').toggle();
if($(this).siblings('dl').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
$('.nav_leftlist').on('click','dldt',function(event){
$(this).siblings('dd').toggle();
if($(this).siblings('dd').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
})
</script>
效果圖：
⑸ 淘寶店鋪導航條怎麼做，源代碼怎麼找到哪裡有具體如何做
自已也可以弄，但是不懂的話比較麻煩！！ 如果想快速裝修，建議買模板！！/* 淘寶店鋪導航欄CSS代碼之分步詳解第一部分、靜態背景顏色 */ /* 1、首頁/店鋪動態/其它導航類目的背景色，這里設為紅色 */ .skin-box-bd .menu-list .link{background:red;} /* 2、所有分類的背景色（最左邊的），一樣設為紅色 */ .all-cats .link{background:red;} /* 到這里，發覺右邊的顏色還沒有變呢，好的，接著下一步 */ /* 3、導航條整個分類段背景色，還是要設為紅色，整體布局好看些 */ .skin-box-bd .menu-list{background:red;} /* 注意觀察，最右邊還有一絲地方沒有變 */ /* 4、導航條背景色（是最底層了吧），修補導航右側缺口，再設為紅色 */ .skin-box-bd{background:red;} /* 小結：有點成功感了！換換其它顏色試試看吧 */ /* 背景色最好搭配頁頭背景圖，才能整體大氣美觀 */ /* 第二部分、分隔線、靜態文字的顏色 */ /* 5、首頁等分類的右邊的分隔線顏色，設為白色 */ .menu-list .menu{border-color:white;} /* 6、所有分類的右邊的分隔線顏色，設為白色 */ .all-cats .link{border-color:white;} /* 7、首頁/店鋪動態/其它導航類目的文字顏色 */ .menu-list .menu .title{color:yellow;} /* 8、所有分類的文字顏色（最左邊那個）,*/ .all-cats .link .title{color:yellow;} /* 小結：其實原來默認文字的顏色也挺好的 */ /* 第三部分、分類下的顏色 */