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

作者： 北京网站建设   日期：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=="LI") {北京网站制作 企通互联
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; 网页设计北京网站建设
  }

ul {北京网页设计
  margin: 0;网站设计
  padding: 0;网站设计
  list-style: none;北京网站建设
  width: 150px; /* Width of Menu Items */网站制作 www.qitongnet.com
  border-bottom: 1px solid #ccc;网站制作
  }

ul li {北京网站建设
  position: relative;网站制作
  }北京网页设计
  北京网站制作
li ul {网站设计
  position: absolute;网站制作
  left: 149px; /* Set 1px less than menu width */ 网站建设网站建设
  top: 0;网站设计
  display: none;网站制作
  }

/* Styles for Menu Items */北京网页设计
ul li a {网站建设
  display: block;网站设计
  text-decoration: none;北京网页设计
  color: #777;网站建设
  background: #fff; /* IE6 Bug */北京网站设计
  padding: 5px;网站制作
  border: 1px solid #ccc;北京网站制作 北京网页设计
  border-bottom: 0;网站设计
  }

/* Fix IE. Hide from IE Mac \*/北京网页设计
* html ul li { float: left; height: 1%; } 网站制作企通互联
* html ul li a { height: 1%; }企通互联
/* End */

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

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

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