jQuery下拉框

来源：互联网发布：足球角球数据统计网站编辑：程序博客网时间：2024/06/06 08:27

用jQuery实现动画效果，简单到令人发指

 $(document).ready(function () {            //需求：鼠标放入一级li中，让他里面的ul显示。移开隐藏。            var jqli = $(".wrap>ul>li");            //绑定事件            jqli.mouseenter(function () {                $(this).children("ul").stop().slideDown(1000);            });            //绑定事件(移开隐藏)            jqli.mouseleave(function () {                $(this).children("ul").stop().slideUp(1000);            });        });

    <div class="wrap">    <ul>        <li>            <a href="javascript:void(0);">一级菜单1</a>            <ul>                <li><a href="javascript:void(0);">二级菜单1</a></li>                <li><a href="javascript:void(0);">二级菜单2</a></li>                <li><a href="javascript:void(0);">二级菜单3</a></li>            </ul>        </li>        <li>            <a href="javascript:void(0);">一级菜单1</a>            <ul>                <li><a href="javascript:void(0);">二级菜单1</a></li>                <li><a href="javascript:void(0);">二级菜单2</a></li>                <li><a href="javascript:void(0);">二级菜单3</a></li>            </ul>        </li>        <li>            <a href="javascript:void(0);">一级菜单1</a>            <ul>                <li><a href="javascript:void(0);">二级菜单1</a></li>                <li><a href="javascript:void(0);">二级菜单2</a></li>                <li><a href="javascript:void(0);">二级菜单3</a></li>            </ul>        </li>    </ul></div>

阅读全文

0 0