企通互联北京网站设计符合WEB标准的下拉导航菜单例子_网站制作 -网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

网站制作风讯系统通用模块功能简介
 北京网站设计CSS入门教学十四个问与答
 企通互联网页中嵌入Flash的方法讨论
 网站建设使用Web标准建站第7天：CSS入门
 北京网站建设提前解密新功能！Dreamweaver 8中文版图文快报
 企通互联Flash 遮罩特效的综合操练（2）
北京网站建设FLASH MX 2004视频教程:宝泉奶粉广告制作(三)
网站设计Dreamweaver基础教程：层及其应用
 北京网站设计用Dreamweaver MX 2004与SQL数据库相连
 网站设计DW MX 2004的Flash动画元素

品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!

友好连接

文章搜索

你的位置：首页 >> 网站制作 >> 企通互联北京网站设计符合WEB标准的下拉导航菜单例子

企通互联北京网站设计符合WEB标准的下拉导航菜单例子

作者：北京网站建设日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com

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

*{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: 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>

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

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

</head>
<body>

<ul id="nav">
<li><a href="#">产品介绍 <a href="http://www.qitongnet.com" target="_blank">网站设计</a></a>
    <ul>
    <li><a href="#"> <a href="http://www.qitongnet.com" target="_blank">网站制作</a>产品一</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 href="http://www.qitongnet.com" target="_blank">北京网站建设</a>案例</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 href="http://www.qitongnet.com" target="_blank">北京网页设计</a>演示</a></li>
    <li><a href="#">演示演示演示</a></li>
    <li><a href="#">演示演示演示</a></li>
    <li><a href="#">演示演示 <a href="http://www.qitongnet.com" target="_blank">企通互联</a></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 href="http://www.qitongnet.com" target="_blank">网站建设</a></a></li>
    <li><a href="#">联系</a></li>
    <li><a href="#">联系联系</a></li>
    <li><a href="#"> <a href="http://www.qitongnet.com" target="_blank">www.qitongnet.com</a>联系联系</a></li>
    <li><a href="#">联系联系联系</a></li>
    <li><a href="#">联系联系联系</a></li>
    </ul>
</li>

</ul>

</body>
</html>

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

北京网页设计

字体：【大】【中】【小】

上一篇：企通互联基于XHTML标准的DIV+CSS布局对于SEO的影响

下一篇：网页设计完全用CSS实现的中英文双语导航菜单

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线：010-65587978/77/76/75

相关文章

品牌理念

友好连接

文章搜索

企通互联北京网站设计符合WEB标准的下拉导航菜单例子