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

作者： 北京网站建设   日期：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 {网站设计
  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 */ www.qitongnet.com北京网站制作
</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>

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