CSS豎向下拉菜單代碼

<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"></style><script type=text/javascript><![CDATA[//><!]]></script></head><body><ul id="nav"><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> </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> </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="#">關于我們</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="#">聯系我們</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> </ul></li></ul></body></html>

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

标签：下拉菜單代碼

上一篇
CSS橫向下拉菜單代碼

下一篇
精選23種CSS導航條