没有JS只用CSS制作的网页下拉菜单

这款下拉菜单栏的实现非常简单，没有用到复杂的JS代码，完全依靠css代码来实现的，只需进行简单的修改变换就可以了，以下是代码实例：

html代码：

<div id="nav">
    <ul>
    <li class="menu2" onMouseOver="this.className=''menu1''" onMouseOut="this.className=''menu2''">Home Page    
    <div class="list">
        <a href="http://www.webjx.com/">网页教学网</a><br />
        <a href="#">我的首页</a><br _fcksavedurl=""#">我的首页</a><br" />
        <a href="#">我的日志</a><br />
        <a href="#">我的日志</a><br />
        <a href="#">我的相册</a><br />
        <a href="#">我的收藏</a><br />
    </div>
    </li>
    <li class="menu2" onMouseOver="this.className=''menu1''" onMouseOut="this.className=''menu2''">Connection 
    <div class="list">
        <a href="http://www.webjx.com/">网页教学网</a><br />
        <a href="#">我的首页</a><br _fcksavedurl=""#">我的首页</a><br" />
        <a href="#">我的日志</a><br />
        <a href="#">我的相册</a><br />
        <a href="#">我的收藏&l

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!