導航欄源代碼
⑴ 網站導航欄源代碼文件
一般都是dada，只是看你自己後面有沒有改文件夾
⑵ 淘寶店鋪導航條怎麼做，源代碼怎麼找到哪裡有具體如何做
自已也可以弄，但是不懂的話比較麻煩！/* 淘寶店鋪導航欄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;} /* 小結：其實原來默認文字的顏色也挺好的 */ /* 第三部分、分類下的顏色 */
⑶ 求一個html+css的多級導航的最簡潔的源代碼，樣式隨便，希望不是百度復制來的，想用於學習。
<!---
其實設計思路很簡單，就是子欄目的CSS默認的display為none，不顯示，滑鼠經過父欄目的時候將子欄目的display設為block，滑鼠經過事件的CSS偽類是:hover，例如：a:hover表示滑鼠經過鏈接時，注意中間的冒號用英文。有問題可直接hi我。
->
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>二級菜單</title>
<styletype="text/css">/*整體設置*/
#menu{
margin:0;
padding:0;
width:610px;
list-style-type:none;
font:14pxArial;
}
#menuli{
float:left;
padding:0;
margin:01px00;
width:150px;
}
/*設置菜單項*/
#menulidl{
width:150px;/*ie6*/
margin:0;
padding:0010px0;
background:#cb6url(images/bottom.gif)no-repeatbottomleft;
}
#menulidta,#menulidda{display:block;}
/*設置菜單項的dt*/
/*設置菜單項的dt*/
#menulidt{
margin:0;
padding:5px;
text-align:center;
border-bottom:1pxsolid#b00;
background:
}
#menulidt.orange{background:#fa5url(images/top.gif)no-repeattopleft;}
#menulidt.yellow{background:#ee5url(images/top.gif)no-repeattopleft;}
#menulidt.green{background:#5e5url(images/top.gif)no-repeattopleft;}
#menulidt.blue{background:#5cfurl(images/top.gif)no-repeattopleft;}
#menulidta,#menulidta:visited{
display:block;
color:#333;
text-decoration:none;
}
/*設置菜單項的dd*/
#menulidd{
margin:0;
padding:0;
color:#fff;
background:#47a;
}
#menulidd.last{
border-bottom:1pxsolid#b00;
}
#menulidda,#menulidda:visited{
height:1em;
display:block;
color:#fff;
text-decoration:none;
padding:4px5px4px20px;
background:#47aurl(images/arrow.gif)no-repeat10px10px;
}
/*關閉子菜單*/
#menulidd{display:none;}
/*設置滑鼠響應*/#menuli:hoverdd{display:block;}
#menulidda:hover{
background:#147;
color:#9cf;
}
</style>
</head>
<body>
<ulid="menu">
<li>
<dl>
<dtclass="orange"><ahref="#">ArtechStudio</a></dt>
<dd><ahref="#">WebDev</a></dd>
<dd><ahref="#">WebDesign</a></dd>
<dd><ahref="#">Books</a></dd>
<ddclass="last"><ahref="#">ContactUs</a></dd>
</dl>
</li>
<li>
<dl>
<dtclass="yellow"><ahref="#">ArtechStore</a></dt>
<dd><ahref="#">Books</a></dd>
<dd><ahref="#">DVDs</a></dd>
<dd><ahref="#">Movies</a></dd>
<ddclass="last"><ahref="#">Service</a></dd>
</dl>
</li>
<li>
<dl>
<dtclass="green"><ahref="#">ArtechAchi</a></dt>
<dd><ahref="#">Landscape</a></dd>
<dd><ahref="#">Plan</a></dd>
<dd><ahref="#">Design</a></dd>
<ddclass="last"><ahref="#">Maps</a></dd>
</dl>
</li>
<li>
<dl>
<dtclass="blue"><ahref="#">ArtechScience</a></dt>
<dd><ahref="#">Physics</a></dd>
<dd><ahref="#">Maths</a></dd>
<dd><ahref="#">Chemistry</a></dd>
<ddclass="last"><ahref="#">Courses</a></dd>
</dl>
</li>
</ul>
</body>
</html>
⑷ 淘寶店鋪導航條源代碼怎麼找到
導航條的代碼
你是直接寫就行了!!或者是切片也行!!如果你想做成一般網頁上的那專種導航
除了買模板意屬外沒有其他的辦法了!!因為淘寶為了網店的穩定行
已經屏蔽了DIV+CSS的功能!!DIv+css只有對淘寶設計師開放!!
⑸ HTML 製作左側導航欄 源代碼 要求如下圖
你直接運行就可以了：版權： function setTab(m,n){ var tli=document.getElementById("leftmenu"+m).getElementsByTagName("li"); var mli=document.getElementById("mcont"+m).getElementsByTagName("ul"); for(i=0;i
⑹ 網站導航欄源碼 哪裡有呀我要准確的
自己做不就好了嗎。不難
⑺ html下拉導航欄代碼
這個是用JS實現的。你網路一下，JS實現二級導航源碼就有了。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>簡潔的純下拉菜單代碼</title>
<style>
#sddm
{ margin:0auto;
padding:0;
z-index:30;
background-color:#F4F4F4;
width:480px;
height:23px;}
#sddmli
{ margin:0;
padding:0;
list-style:none;
float:left;
font:bold12pxarial}
#sddmlia
{ display:block;
margin:01px00;
padding:4px10px;
width:60px;
background:#5970B2;
color:#FFF;
text-align:center;
text-decoration:none}
#sddmlia:hover
{ background:#49A3FF}
#sddmdiv
{ position:absolute;
visibility:hidden;
margin:0;
padding:0;
background:#EAEBD8;
border:1pxsolid#5970B2}
#sddmdiva
{ position:relative;
display:block;
margin:0;
padding:5px10px;
width:auto;
white-space:nowrap;
text-align:left;
text-decoration:none;
background:#EAEBD8;
color:#2875DE;
font:12pxarial}
#sddmdiva:hover
{ background:#49A3FF;
color:#FFF}
</style>
<!--ddmenu-->
<scripttype="text/javascript">
<!--
vartimeout=100;
varclosetimer=10;
varddmenuitem=0;
//openhiddenlayer
functionmopen(id)
{
//cancelclosetimer
mcancelclosetime();
//closeoldlayer
if(ddmenuitem)ddmenuitem.style.visibility='hidden';
//getnewlayerandshowit
ddmenuitem=document.getElementById(id);
ddmenuitem.style.visibility='visible';
}
//closeshowedlayer
functionmclose()
{
if(ddmenuitem)ddmenuitem.style.visibility='hidden';
}
//goclosetimer
functionmclosetime()
{
closetimer=window.setTimeout(mclose,timeout);
}
//cancelclosetimer
functionmcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer=null;
}
}
//closelayerwhenclick-out
document.onclick=mclose;
//-->
</script>
</head>
<bodystyle="text-align:center">
<ulid="sddm">
<li><ahref="#"onmouseover="mopen('m1')"onmouseout="mclosetime()">Home</a>
<divid="m1"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">HTMLDropDown</a>
<ahref="#">DHTMLDropDownmenu</a>
<ahref="#">JavaScriptDropDown</a>
<ahref="#">DropDownMenu</a>
<ahref="#">CSSDropDown</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m2')"onmouseout="mclosetime()">Download</a>
<divid="m2"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">ASPDropdown</a>
<ahref="#">Pulldownmenu</a>
<ahref="#">AJAXdropdown</a>
<ahref="#">DIVdropdown</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m3')"onmouseout="mclosetime()">Order</a>
<divid="m3"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">VisaCreditCard</a>
<ahref="#">Paypal</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m4')"onmouseout="mclosetime()">Help</a>
<divid="m4"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">DownloadHelpFile</a>
<ahref="#">Readonline</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m5')"onmouseout="mclosetime()">Contact</a>
<divid="m5"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">E-mail</a>
<ahref="#">SubmitRequestForm</a>
<ahref="http://www.codefans.net/"target="_blank">codefans.net</a>
</div>
</li>
</ul>
</body>
</html>
⑻ 求大神用HTML5和CSS做出這個導航條，求源代碼，急求大神幫忙
你可以保存這個，然後修改就可以了，審查元素
⑼ 導航下拉菜單欄的源碼 麻煩那位高手給我一個
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>測試</title>
<style type="text/css">
*{
margin:0; padding:0;
}/*所有對象外邊距和內邊距設置為零*/
body{
font-family: arial, 宋體, serif;
font-size:12px;
padding:50px;
}/*設置頁面字體為「宋體」，大小為「norma」,內邊距
為"padding"l*/
span{
font-family: arial, 宋體, serif;
font-size:18px;
padding:16px;
}
#item{
line-height: 24px;
list-style-type: none;
background:#666;
}
#item a{
display: block;
width: 80px;
text-align:center;
text-decoration:none; /*除去下劃線*/
}
#item a:link { /*訪問之前的樣式*/
color:#666;
text-decoration:none;
}
#item a:visited { /*訪問之後的樣式*/
color:#666;
text-decoration:none;
}
#item a:hover { /*滑鼠滑過*/
color:#FFF;
text-decoration:none;
font-weight:bold; /*設置字體的粗細*/
background:#999;
}
#item li {
float: left; /*讓LI標簽浮動到左邊，一級菜單並排*/
width: 80px;
background:#CCC;
}
#item li ul {
line-height: 27px; /*行高*/
list-style-type: none; /*去除UL前面的點*/
text-align:left;
left: -999em;
width: 180px;
position: absolute;
}
#item li ul li{
float: left;
width: 180px;
background: #F6F6F6;
}
#item li ul a{
wedisplay: block;
width: 180px;
text-align:left;
padding-left:24px;
}
#item li ul a:link {
color:#666;
text-decoration:none;
}
#item li ul a:hover {
color:#F3F3F3;
text-decoration:none;
font-weight:normal; /*字體的粗細*/
background:#C00;
}
#item li:hover ul {
left: auto;
}
#item li.iehover ul {
left: auto;
}
#content {
clear: left;
}
</style>
<script type="text/JavaScript">
navHover = function() {
var lis = document.getElementById("item").getElementsByTagName("LI");
for (var i=0; i<lis.length; i++) {
lis[i].onmouseover=function() {
this.className+=" iehover";
}
lis[i].onmouseout=function(){
this.className=this.className.replace(new RegExp(" iehover\\b"), "");//這句是把類名是iehover的變為空
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);
</script>
</head>
<body>
<div>
<span>下拉菜單的demo</span>
<ul id=item>
<li class=menu><a href=#>菜單一</a>
<ul class=menu1>
<li><a href=#>選項一</a></li>
<li><a href=#>選項二</a></li>
<li><a href=#>選項三</a></li>
</ul>
</li>
<li class=menu><a href=#>菜單二</a>
<ul class=menu1>
<li><a href=#>選項一</a></li>
<li><a href=#>選項二</a></li>
<li><a href=#>選項三</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>