Sow nothing reap nothing

简单Jquery下拉菜单

已有2,147次关注

下拉菜单网页代码:

<li class="dropdown">
    <a href="" title="">一级菜单</a>
    <ul>
        <li><a href="" title="">二级菜单</a></li>
        <li><a href="" title="">二级菜单</a></li>
        <li><a href="" title="">二级菜单</a></li>
        <li><a href="" title="">二级菜单</a></li>
        <li><a href="" title="">二级菜单</a></li>
    </ul>
</li>

Jquery代码:

$(function(){
    $(".dropdown").hover(
        function(){
            $(this).children('ul').show(300);
        },
        function(){
            $(this).children('ul').hide(300);
        }
    )
})

该代码特效基于Jquery。

已自动关闭评论