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

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

<script>网站建设
startList = function() {北京网站建设
if (document.all&&document.getElementById) {北京网站制作
navRoot = document.getElementById("nav");北京网页设计
for (i=0; i<navRoot.childNodes.length; i++) {网站制作
node = navRoot.childNodes[i];网页设计
if (node.nodeName=="SPAN") {网站建设
node.onmouseover=function() {this.className+=" over";}网站制作
node.onmouseout=function() {this.className=this.className.replace(" over", "");}北京网站制作
}北京网站建设
}北京网站设计
}北京网页设计
}网站设计
window.onload=startList;网站制作
</script>网站设计
<style>企通互联 网页设计
body {网站设计 www.qitongnet.com
  font: normal 11px verdana;北京网站设计
}网页设计
div#nav{网站建设
  border-left: 1px solid #ccc;网页设计
}网站建设
span {北京网站制作
  margin: 0px;网站设计
  padding: 0px;企通互联
  list-style: none;企通互联
  width: 120px; /* Width of Menu Items */网页设计
  position: relative;北京网页设计
  border: 1px solid #ccc;北京网站建设
  border-left: 0px;北京网站制作
}网站设计
span div span {北京网站设计
  border: 1px solid #ccc;北京网站制作
  border-top: 0px;北京网页设计
} 北京网站制作北京网页设计
span div {北京网站设计
  position: absolute; 企通互联企通互联
  left: -1px;北京网站设计
  top: 24px; /* Set 1px less than menu width */企通互联
  display: none;北京网站设计
}

/* Styles for Menu Items */北京网站制作
div span a {北京网站建设
  width: 100%;北京网页设计
  text-decoration: none;北京网站设计
  color: #777;网页设计
  background: #fff; /* IE6 Bug */网站设计
  padding: 5px;企通互联
}

div span a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */网站制作
    北京网站设计
span div span a { padding: 2px 5px; } /* Sub Menu Styles */网站建设
    北京网站建设
span:hover div, span.over div { display: inline; } /* The magic */北京网站建设
</style>

<div id="nav"> 网站设计
  <span><a href="#">chinahtml</a>网站制作
  <div>企通互联
  </div>北京网页设计
  </span> 北京网页设计
  <span><a href="#">About</a>北京网站设计
  <div>北京网页设计
    <span><a href="#">History</a></span> 网站设计
    <span><a href="#">Team</a></span> 网页设计
    <span><a href="#">Offices</a></span>网页设计
  </div> 北京网页设计
  </span> 网站建设 北京网页设计
  <span><a href="#">Services</a>北京网站制作
  <div> 北京网页设计
    <span><a href="#">Web Design</a></span> 网站设计
    <span><a href="#">Internet Marketing</a></span> 网站建设
    <span><a href="#">Hosting</a></span> 网站建设北京网站制作
    <span><a href="#">Domain Names</a></span> 北京网站制作
    <span><a href="#">Broadband</a></span>网站建设
  </div>北京网站建设
  </span> 北京网站设计
  <span><a href="#">Contact Us</a> 北京网站设计北京网页设计
  <div>网站建设
    <span><a href="#">United Kingdom</a></span> 网站建设
    <span><a href="#">France</a></span> 北京网站制作
    <span><a href="#">USA</a></span> 网站制作
    <span><a href="#">Austraspana</a></span>网站建设
  </div>网页设计 北京网站建设
  </span>网站制作
</div>

友情提示：全选代码复制运行，您也可以先修改部分代码再运行