符合WEB标准的下拉导航菜单例子

发布时间：2006-05-16 11:53:04　来源：天极网网友评论 0 条

<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>

——您可以运行代码察看特效，您也可以复制或者另存源代码。本代码由天极网页陶吧提供。