一个简单的JQUERY下拉菜单插件

 一.按照惯例，先上DOM结构
<div id="menu">
            <ul>
                <li>
                    <a href="#nogo">主菜单一</a>
                    <ul>
                        <li><a href="http://usual.blog.51cto.com">子菜单一</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单一</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单一</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单一</a></li>
                    </ul>
                </li>
 
                <li>
                    <a href="#nogo">主菜单二</a>
                    <ul>
                        <li><a href="http://usual.blog.51cto.com">子菜单二</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单二</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单二</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单二</a></li>
                    </ul>
                </li>
 
                <li>
                    <a href="#nogo">主菜单三</a>
                    <ul>
                        <li><a href="http://usual.blog.51cto.com">子菜单三</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单三</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单三</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单三</a></li>
                    </ul>
                </li>
 
                <li>
                    <a href="#nogo">主菜单四</a>
                    <ul>
                        <li><a href="http://usual.blog.51cto.com">子菜单四</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单四</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单四</a></li>
                        <li><a href="http://usual.blog.51cto.com">子菜单四</a></li>
                    </ul>
                </li>
            
            </ul>
        
        
        </div>
二.有了DOM结构，再确定样式
#menu{
                font-family:Helvetica;
            }
            #menu ul{
                list-style:none;
                margin:0px;
                padding:0px;
                width:250px;
            }
            #menu ul li{
     &n

补充：软件开发 , Java ,

上一个： 一起学java【1】---准备活动（概念）
下一个：Eclipse插件开发中获得当前工程目录