CSS布局实例：一个不错的CSS+JS两级菜单

　　CSS菜单一直是网友讨论的热门话题，在有大量的实例。
　　今天介绍的这款CSS+JS两级菜单来自52CSS超级群，是由网友发布的共享文档。

　　最终的效果图如下：


　　看它的HTML代码：

Example Source Code [www.]<DIV id=xcx_tabmenu>
      <DIV class=cx_tabmenu id=cx_tabmenu>
      <DIV id=ddimagetabs>
      <A href="http://www./" target="_blank" class=sclink id=sclink1 onMouseOver="expandcontent('sc1', this)">Home</A> 
      <A class=sclink id=sclink2 onMouseOver="expandcontent('sc2', this)" href="#">Company</A>
      <A class=sclink id=sclink3 onMouseOver="expandcontent('sc3', this)" href="#">Products</A>
      <A class=sclink id=sclink4 onMouseOver="expandcontent('sc4', this)" href="#">Our Works</A>
      <A class=sclink id=sclink5 onMouseOver="expandcontent('sc5', this)" href="#">News</A>
      <A class=sclink id=sclink6 onMouseOver="expandcontent('sc6', this)" href="#">Store</A>     </DIV>
      <BR style="CLEAR: left">
      <DIV id=tabcontentcontainer>
      <DIV class=tabcontent id=sc1></DIV>
      <DIV class=tabcontent id=sc2><A 
      href="http://www./">About Us</A> <A 
      href="http://www./">What do we do?</A> <A 
      href="http://www./">Meet The Team</A> <A 
      href="http://www./">Why work with us?</A> <A 
      href="http://www./">Quality policy</A> <A 
      href="http://www./">Terms</A> <A 
      href="http://www./">Testimonials</A> <A 
      href="http://www./">Clexus Tour</A> </DIV>
      <DIV class=tabcontent id=sc3><A 
      href="#">Clexus Private 

   用户名: (新注册)  密码: 匿名评论 [所有评论]     注意:（评论内容不能超过250字,需审核后才会公布,可以匿名评论,请自觉遵守互联网相关政策法规。）