符合WEB标准的竖型下拉菜单介绍

符合WEB标准的竖型下拉菜单介绍

符合WEB标准的竖型下拉菜单

符合WEB标准的竖型下拉菜单介绍<html>
符合WEB标准的竖型下拉菜单介绍<head>
符合WEB标准的竖型下拉菜单介绍<title>HorizontalDropDownMenus</title>
符合WEB标准的竖型下拉菜单介绍<metahttp-equiv="Content-Type"content="text/html;charset=iso-8859-1"/>
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍<styletype="text/css">
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍body{font:normal12pxverdana;}
符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍ul
{
符合WEB标准的竖型下拉菜单介绍margin:0;
符合WEB标准的竖型下拉菜单介绍padding:0;
符合WEB标准的竖型下拉菜单介绍list-style:none;
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍width:130px;/*WidthofMenuItems*/
符合WEB标准的竖型下拉菜单介绍border-bottom:1pxsolid#ccc;
符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍ulli
{position:relative;}
符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍liul
{
符合WEB标准的竖型下拉菜单介绍position:absolute;
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍left:129px;/*Set1pxlessthanmenuwidth*/
符合WEB标准的竖型下拉菜单介绍top:0;
符合WEB标准的竖型下拉菜单介绍display:none;
符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍
/*StylesforMenuItems*/
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍ullia{
符合WEB标准的竖型下拉菜单介绍display:block;
符合WEB标准的竖型下拉菜单介绍text-decoration:none;
符合WEB标准的竖型下拉菜单介绍color:#666;
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍background:#fff;/*IE6Bug*/
符合WEB标准的竖型下拉菜单介绍padding:5px;
符合WEB标准的竖型下拉菜单介绍border:1pxsolid#ccc;
符合WEB标准的竖型下拉菜单介绍border-bottom:0;
符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍
/*FixIE.HidefromIEMac*/
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍*htmlulli{float:left;height:1%;}
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍*htmlullia{height:1%;}
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍/*End*/
符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍ullia:hover
{color:#E2144A;background:#f9f9f9;}/*HoverStyles*/
符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍liullia
{padding:2px5px;}/*SubMenuStyles*/
符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍li:hoverul,li.overul
{display:block;}/*Themagic*/
符合WEB标准的竖型下拉菜单介绍
</style>
符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍
<scripttype="text/javascript">
符合WEB标准的竖型下拉菜单介绍//drop_down.js
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍startList=function(){
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍
if(document.all&&document.getElementById){
符合WEB标准的竖型下拉菜单介绍navRoot
=document.getElementById("nav");
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍
for(i=0;i<navRoot.childNodes.length;i++){
符合WEB标准的竖型下拉菜单介绍node
=navRoot.childNodes[i];
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍
if(node.nodeName=="LI"){
符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍node.onmouseover
=function(){
符合WEB标准的竖型下拉菜单介绍
this.className+="over";
符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍符合WEB标准的竖型下拉菜单介绍node.onmouseout=function(){
符合WEB标准的竖型下拉菜单介绍
this.className=this.className.replace("over","");
符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍}

符合WEB标准的竖型下拉菜单介绍window.onload=startList;
符合WEB标准的竖型下拉菜单介绍
</script>
符合WEB标准的竖型下拉菜单介绍
符合WEB标准的竖型下拉菜单介绍
</head>
符合WEB标准的竖型下拉菜单介绍<body>
符合WEB标准的竖型下拉菜单介绍<ulid="nav">
符合WEB标准的竖型下拉菜单介绍<li><ahref="javascript:void(0);">Home</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="javascript:void(0);">About</a>
符合WEB标准的竖型下拉菜单介绍<ul>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">History</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">Team</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">Offices</a></li>
符合WEB标准的竖型下拉菜单介绍</ul>
符合WEB标准的竖型下拉菜单介绍</li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="javascript:void(0);">Services</a>
符合WEB标准的竖型下拉菜单介绍<ul>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">WebDesign</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">InternetMarketing</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">Hosting</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">DomainNames</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">Broadband</a></li>
符合WEB标准的竖型下拉菜单介绍</ul>
符合WEB标准的竖型下拉菜单介绍</li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="javascript:void(0);">ContactUs</a>
符合WEB标准的竖型下拉菜单介绍<ul>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">UnitedKingdom</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">France</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">USA</a></li>
符合WEB标准的竖型下拉菜单介绍<li><ahref="#">Australia</a></li>
符合WEB标准的竖型下拉菜单介绍</ul>
符合WEB标准的竖型下拉菜单介绍</li>
符合WEB标准的竖型下拉菜单介绍</ul>
符合WEB标准的竖型下拉菜单介绍</body>
符合WEB标准的竖型下拉菜单介绍</html>
符合WEB标准的竖型下拉菜单介绍