jQuery动画效果--mouseenter(),mouseleave();---(slide...

2019独角兽企业重金招聘Python工程师标准>>>

<div class="clearFix one_cont" style="width:280px;">

    <ul class="b" style="float:left;">

         <li><a href="#">menu2</a>

            <div class="fa" style="display:none;">

                 <a href="#">1</a>

                <a href="#">1</a>

                <a href="#">1</a>

            </div>

</li>

<li><a href="#">menu2</a>

        <div class="fa" style="display:none;">

               <a href="#">1</a>

            <a href="#">1</a>

            <a href="#">1</a>

</div>

</li>

<li><a href="#">menu2</a></li>

</ul>

</div>

$('.one_cont ul li').each(function(){

var _this = $(this),_a = _this.children('a');

_this.mouseenter(function(){

_a.addClass('cur').next().slideDown('slow');

}

).mouseleave(function(){

_a.removeClass('cur').next().slideUp('fast');

});

});

转载于:https://my.oschina.net/glelaine/blog/40945