五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > CSS 菜單舉一反三

CSS 菜單舉一反三

文章來(lái)源：365jz.com     點(diǎn)擊數(shù)：134    更新時(shí)間：2008-07-10 08:27   參與評(píng)論

舉一：

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css菜單演示</title> <style type="text/css"> <!-- *{margin:0;padding:0;border:0;} body { font-family: arial, 宋體, serif; font-size:12px; } #nav { line-height: 24px; list-style-type: none; background:#666; } #nav a { display: block; width: 80px; text-align:center; } #nav a:link { color:#666; text-decoration:none; } #nav a:visited { color:#666;text-decoration:none; } #nav a:hover { color:#FFF;text-decoration:none;font-weight:bold; } #nav li { float: left; width: 80px; background:#CCC; } #nav li a:hover{ background:#999; } #nav li ul { line-height: 27px; list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute; } #nav li ul li{ float: left; width: 180px; background: #F6F6F6; } #nav li ul a{ display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px; } #nav li ul a:link { color:#666; text-decoration:none; } #nav li ul a:visited { color:#666;text-decoration:none; } #nav li ul a:hover { color:#F3F3F3;text-decoration:none;font-weight:normal; background:#C00; } #nav li:hover ul { left: auto; } #nav li.sfhover ul { left: auto; } #content { clear: left; } --> </style> <script type=text/javascript><!--//--><![CDATA[//><!-- function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); } } } window.onload=menuFix; //--><!]]></script> </head> <body> <ul id="nav"> <li><a href="#">產(chǎn)品介紹</a> <ul> <li><a href="#">產(chǎn)品一</a></li> <li><a href="#">產(chǎn)品一</a></li> <li><a href="#">產(chǎn)品一</a></li> <li><a href="#">產(chǎn)品一</a></li> <li><a href="#">產(chǎn)品一</a></li> <li><a href="#">產(chǎn)品一</a></li> </ul> </li> <li><a href="#">服務(wù)介紹</a> <ul> <li><a href="#">服務(wù)二</a></li> <li><a href="#">服務(wù)二</a></li> <li><a href="#">服務(wù)二</a></li> <li><a href="#">服務(wù)二服務(wù)二</a></li> <li><a href="#">服務(wù)二服務(wù)二服務(wù)二</a></li> <li><a href="#">服務(wù)二</a></li> </ul> </li> <li><a href="#">成功案例</a> <ul> <li><a href="#">案例三</a></li> <li><a href="#">案例</a></li> <li><a href="#">案例三案例三</a></li> <li><a href="#">案例三案例三案例三</a></li> </ul> </li> <li><a href="#">關(guān)于我們</a> <ul> <li><a href="#">我們四</a></li> <li><a href="#">我們四</a></li> <li><a href="#">我們四</a></li> <li><a href="#">我們四111</a></li> </ul> </li> <li><a href="#">在線演示</a> <ul> <li><a href="#">演示</a></li> <li><a href="#">演示</a></li> <li><a href="#">演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示演示演示演示</a></li> </ul> </li> <li><a href="#">聯(lián)系我們</a> <ul> <li><a href="#">聯(lián)系聯(lián)系聯(lián)系聯(lián)系聯(lián)系</a></li> <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li> <li><a href="#">聯(lián)系</a></li> <li><a href="#">聯(lián)系聯(lián)系</a></li> <li><a href="#">聯(lián)系聯(lián)系</a></li> <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li> <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li> </ul> </li> </ul> </body> </html>

 

反三：

變成水平方向

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜單演示</title>


<style type="text/css">
<!--

*{margin:0;padding:0;border:0;}
body {
 font-family: arial, 宋體, serif;
        font-size:12px;
}


#nav {
  line-height: 24px;  list-style-type: none; background:#666;   width:80px;
}

#nav a {
 display: block; width: 80px; text-align:center;
}

#nav a:link  {
 color:#666; text-decoration:none;
}
#nav a:visited  {
 color:#666;text-decoration:none;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}

#nav li {
 /*float: left*/; width: 80px; background:#CCC;
}
#nav li a:hover{
 background:#999;
}
#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
 float: left; width: 180px;
 background: #F6F6F6;
}


#nav li ul a{
 display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;
}

#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
#nav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#C00;
}

#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#nav li.sfhover a {
 float:left;
}
#content {
 clear: left;
}


-->
</style>

<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
 var sfEls = document.getElementById("nav").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseDown=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseUp=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseout=function() {
  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

"");
  }
 }
}
window.onload=menuFix;

//--><!]]></script>

</head>
<body>


<ul id="nav">
<li><a href="#">產(chǎn)品介紹</a>
 <ul>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 </ul>
</li>
<li><a href="#">服務(wù)介紹</a>
 <ul>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二服務(wù)二</a></li>
 <li><a href="#">服務(wù)二服務(wù)二服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 </ul>
</li>
<li><a href="#">成功案例</a>
 <ul>
 <li><a href="#">案例三</a></li>
 <li><a href="#">案例</a></li>
 <li><a href="#">案例三案例三</a></li>
 <li><a href="#">案例三案例三案例三</a></li>
 </ul>
</li>
<li><a href="#">關(guān)于我們</a>
 <ul>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四111</a></li>
 </ul>
</li>

<li><a href="#">在線演示</a>
 <ul>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示演示演示</a></li>
 <li><a href="#">演示演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示演示</a></li>
 <li><a href="#">演示演示演示演示演示</a></li>
 </ul>
</li>
<li><a href="#">聯(lián)系我們</a>
 <ul>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li>
 </ul>
</li>

</ul>

</body>
</html>

彈簧式

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜單演示</title>


<style type="text/css">
<!--

*{margin:0;padding:0;border:0;}
body {
 font-family: arial, 宋體, serif;
        font-size:12px;
}


#nav {
  line-height: 24px;  list-style-type: none; background:#666;   width:80px;
}

#nav a {
 display: block; width: 80px; text-align:center;
}

#nav a:link  {
 color:#666; text-decoration:none;
}
#nav a:visited  {
 color:#666;text-decoration:none;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}

#nav li {
 /*float: left*/; width: 80px; background:#CCC;
}
#nav li a:hover{
 background:#999;
}
#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 80px; position: absolute;
}
#nav li ul li{
 float: left; width: 80px;
 background: #F6F6F6;
}


#nav li ul a{
 display: block; width: 80px;w\idth:56px;text-align:left;padding-left:24px;
}

#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
#nav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#C00;
}

#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;position:static;
}
#content {
 clear: left;
}


-->
</style>

<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
 var sfEls = document.getElementById("nav").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseDown=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseUp=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseout=function() {
  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

"");
  }
 }
}
window.onload=menuFix;

//--><!]]></script>

</head>
<body>


<ul id="nav">
<li><a href="#">產(chǎn)品介紹</a>
 <ul>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 </ul>
</li>
<li><a href="#">服務(wù)介紹</a>
 <ul>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二服務(wù)二</a></li>
 <li><a href="#">服務(wù)二服務(wù)二服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 </ul>
</li>
<li><a href="#">成功案例</a>
 <ul>
 <li><a href="#">案例三</a></li>
 <li><a href="#">案例</a></li>
 <li><a href="#">案例三案例三</a></li>
 <li><a href="#">案例三案例三案例三</a></li>
 </ul>
</li>
<li><a href="#">關(guān)于我們</a>
 <ul>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四111</a></li>
 </ul>
</li>

<li><a href="#">在線演示</a>
 <ul>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示演示演示</a></li>
 <li><a href="#">演示演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示演示</a></li>
 <li><a href="#">演示演示演示演示演示</a></li>
 </ul>
</li>
<li><a href="#">聯(lián)系我們</a>
 <ul>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系聯(lián)系</a></li>
 </ul>
</li>

</ul>

</body>
</html>
二級(jí)菜單為水平的

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜單演示</title>


<style type="text/css">
<!--

*{margin:0;padding:0;border:0;}
body {
 font-family: arial, 宋體, serif;
        font-size:12px;
}


#nav {
  line-height: 24px;  list-style-type: none; background:#666;
}

#nav a {
 display: block; width: 80px; text-align:center;
}

#nav a:link  {
 color:#666; text-decoration:none;
}
#nav a:visited  {
 color:#666;text-decoration:none;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}

#nav li {
 float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
 background:#999;
}
#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 980px; position: absolute; float:left;
}
#nav li ul li{
 float: left; width: 80px;
 background: #F6F6F6;
}


#nav li ul a{
 display: block; width: 80px;text-align:center;
}

#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
#nav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#C00;
}

#nav li:hover ul {
 left: 0;
}
#nav li.sfhover ul {
 left: 0;
}
#content {
 clear: left;
}


-->
</style>

<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
 var sfEls = document.getElementById("nav").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseDown=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseUp=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseout=function() {
  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

"");
  }
 }
}
window.onload=menuFix;

//--><!]]></script>

</head>
<body>


<ul id="nav">
<li><a href="#">產(chǎn)品介紹</a>
 <ul>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 </ul>
</li>
<li><a href="#">服務(wù)介紹</a>
 <ul>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二服</a></li>
 <li><a href="#">服務(wù)二服</a></li>
 <li><a href="#">服務(wù)二</a></li>
 </ul>
</li>
<li><a href="#">成功案例</a>
 <ul>
 <li><a href="#">案例三</a></li>
 <li><a href="#">案例</a></li>
 <li><a href="#">案例三案</a></li>
 <li><a href="#">案例三案</a></li>
 </ul>
</li>
<li><a href="#">關(guān)于我們</a>
 <ul>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四111</a></li>
 </ul>
</li>

<li><a href="#">在線演示</a>
 <ul>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 </ul>
</li>
<li><a href="#">聯(lián)系我們</a>
 <ul>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 </ul>
</li>

</ul>

</body>
</html>
還有一種

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜單演示</title>


<style type="text/css">
<!--

*{margin:0;padding:0;border:0;}
body {
 font-family: arial, 宋體, serif;
        font-size:12px;
}


#nav {
  line-height: 24px;  list-style-type: none; background:#666;
}

#nav a {
 display: block; width: 80px; text-align:center;
}

#nav a:link  {
 color:#666; text-decoration:none;
}
#nav a:visited  {
 color:#666;text-decoration:none;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}

#nav li {
 float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
 background:#999;
}
#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 980px; position: absolute; float:left;
}
#nav li ul li{
 float: left; width: 80px;
 background: #F6F6F6;
}


#nav li ul a{
 display: block; width: 80px;text-align:center;
}

#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
#nav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#C00;
}

#nav li:hover ul {
 left:auto;
}
#nav li.sfhover ul {
 left:auto;
}
#content {
 clear: left;
}


-->
</style>

<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
 var sfEls = document.getElementById("nav").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseDown=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseUp=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onmouseout=function() {
  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

"");
  }
 }
}
window.onload=menuFix;

//--><!]]></script>

</head>
<body>


<ul id="nav">
<li><a href="#">產(chǎn)品介紹</a>
 <ul>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 <li><a href="#">產(chǎn)品一</a></li>
 </ul>
</li>
<li><a href="#">服務(wù)介紹</a>
 <ul>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二</a></li>
 <li><a href="#">服務(wù)二服</a></li>
 <li><a href="#">服務(wù)二服</a></li>
 <li><a href="#">服務(wù)二</a></li>
 </ul>
</li>
<li><a href="#">成功案例</a>
 <ul>
 <li><a href="#">案例三</a></li>
 <li><a href="#">案例</a></li>
 <li><a href="#">案例三案</a></li>
 <li><a href="#">案例三案</a></li>
 </ul>
</li>
<li><a href="#">關(guān)于我們</a>
 <ul>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四</a></li>
 <li><a href="#">我們四111</a></li>
 </ul>
</li>

<li><a href="#">在線演示</a>
 <ul>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示</a></li>
 </ul>
</li>
<li><a href="#">聯(lián)系我們</a>
 <ul>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 <li><a href="#">聯(lián)系聯(lián)系</a></li>
 </ul>
</li>

</ul>

</body>
</html>

如對(duì)本文有疑問(wèn)，請(qǐng)?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會(huì)為你解答??！ 點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (134人查看，0條評(píng)論)
請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī)，嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱：
最新評(píng)論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間：9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)