用jquery实现二级菜单淡入问题

我想要用jquery实现鼠标移动到一级菜单的时候,二级菜单中的内容一层层慢慢淡入,
而不是直接一起淡入(在二级ul上fadeIn就是全部一起淡入),我尝试在二级菜单的每个li进行fadeIn(注释掉部分),但是不行,为什么呢》

 <script>
        $(document).ready(function(){
            $('.menu1').hover(
                    function(){
                        $('.menu1 ul').fadeIn();
                        /*$('#2').fadeIn('slow');
                        $('#3').fadeIn(3000);*/
                    },
                    function(){
                        $('.menu1 ul').fadeOut();
                    }
                );
        });
    </script>
<ul class="clearfix">
                        <li class="menu1"><a href="#">服装</a>
                            <ul>
                                <li id="1"><a href="#">女装</a></li>
                                <li id="2"><a href="#">男装</a></li>
                                <li id="3"><a href="#">童装</a></li>
                            </ul>
                        </li>
</ul>

3个回答

动画的效果想要顺序执行,要使用闭包,不然就会并非,也就是同时执行

这样不需要闭包也可以

     <style type="text/css">
          .menu1 ul{
            display: none;
          }
    </style>
    <script type="text/javascript">
           $(function(){
                $('.menu1').hover(function(){
                    $('.menu1 ul').slideToggle(1000)
                })
            });
    </script>

遍历li一个一个执行fadeOut操作

u011249920
简一_hz 我想要的是li一个个fadeIn的效果。。
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!