簡潔的滑出菜單_菜單導航特效

一款風格簡潔的CSS+JS滑出菜單，支持二級，不過你可將其變為三級，再嵌套一個LI列表就可以了，顏色你自己改，直到你滿足為止。

<!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"> 
<head> 
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> 
<title>滑出菜單</title> 
<script language="javascript"> 
startList = function() { 
if (document.all && document.getElementById) { 
navRoot = document.getElementById("nav"); 
for (i=0; i<navRoot.childNodes.length; i++) { 
node = navRoot.childNodes[i]; 
if (node.nodeName=="LI") { 
node.onmouseover=function() { 
this.className+=" over"; 
 } 
 node.onmouseout=function() { 
 this.className=this.className.replace(" over", ""); 
 } 
 } 
 } 
 } 
} 
window.onload=startList; 
</script> 
<style type="text/css"> 
<!-- 
body { 
  font: normal 12px verdana; 
  }

ul { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  width: 150px; 
  border-bottom: 1px solid #ccc; 
  } 
   
ul li { 
  position: relative; 
  } 
   
li ul { 
  position: absolute; 
  left: 149px;
  top: 0; 
  display: none; 
  }

ul li a { 
  display: block; 
  text-decoration: none; 
  color: #0066cc; 
  background: skyblue;
  padding: 5px; 
  border: 1px solid #eeeeee;
  border-bottom: 0; 
  }

li:hover ul, li.over ul { display: block; } 
--> 
</style> 
</head>

<body> 
<ul id="nav">  
 <li><a href="/">首頁</a></li>  
 <li><a href="#">ASP源碼</a>  
 <ul>  
 <li><a href="#">社區論壇</a></li>  
 <li><a href="/">AJAX相關</a></li>  
 <li><a href="#">精品程序</a></li>  
 <li><a href="#">CMS建站</a></li>  
 <li><a href="#">聊天留言</a></li>  
 </ul>  
 </li>  
 <li><a href="#">PHP源碼</a>  
 <ul>  
 <li><a href="#">新聞文章</a></li>  
 <li><a href="#">聊天留言</a></li>  
 <li><a href="#">論壇社區</a></li>  
 <li><a href="#">圖片相冊</a></li>  
 </ul>  
 </li>  
</ul>  
</body> 
</html>

所屬頻道：菜單導航特效/更新時間：2010-05-22

[收藏][報錯][返回列表]

相關菜單導航特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

簡潔的滑出菜單_菜單導航特效

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些