模板
教程
環境
性能
功能
管理
純css菜單。原創，非復制
web 標準就是好?？上E享受不到。幾句簡單的 css，加上優美的XHTML結構就輕松實現了要幾百行js才寫成的菜單效果。贊美web standards. <html xmlns="<head> } ul.menu li ul.menu li a background-color:#06829C; ul.menu li ul.menu ul.menu li:hover > a ul.menu li:hover > ul.menu <body> <li> <ul class="menu"> <li> <ul class="menu"> <li><a href="#">menu item</a></li> <li> <ul class="menu"> <li><a href="#">menu item</a></li> <li> <ul class="menu"> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
<title>css menu</title>
<style type="text/css">
/*<![CDATA[*/
ul.menu
{
width:180px;
cursor:hand;
list-style-type:none;
border:1px solid #clearcase/" target="_blank" >cccccc;
padding:0px;
margin:0px;
{
width:100%;
display:block;
position:relative;
}
{
color:#ffffff;
width:100%;
display:block;
font-size:9pt;
padding:2px;
padding-left:10px;
}
{
display:none;
width:190px;
position:absolute;
z-index:1000;
left:80%;
top:-10px;
}
{
width:100%;
background-color:#64ACF8;
color:#ffffff;
}
{
display:block;
}
/*]]>*/
</style>
</head>
<ul class="menu">
<li><a href="#">Item 1</a></li>
<a href="#">Menu Item ></a>
<li><a href="#">item</a></li>
<a href="#">item ></a>
<li><a href="#">menu item</a></li>
</ul>
</li>
<a href="#">item ></a>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</li>
<a href="#">item ></a>
<li><a href="#">menu item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
