在确定如何向以下内容添加淡入/淡入方面需要帮助:

$(function(){
    $('#menu').stop(true, true).hover(function(){
            $('.content').stop(true, true).delay(300).show(
                "clip",
                {direction: "vertical"},
                200
            );
        },
        function(){
            $('.content').stop(true, true).hide(
                "clip",
                {direction: "vertical"},
                200
            );
        });
});


当动画clip出现在显示/隐藏中时,我希望它与clip同时淡入/淡出,但是目前,如果我添加.animate.fadeIn/Out,它只是在排队。

(使用jQuery和jQuery UI)

Example jsFiddle

有任何想法吗?

最佳答案

您可以使用.animate()代替.fadeIn() / .fadeOut(),可以将其传递给选项(queue : false),该选项可使动画立即运行,而不是将其放在队列中。

一个基于您的代码的示例(默认将不透明度设置为零):

$('.content')
    .stop(true, true)
    .show( "clip",{direction: "vertical"}, 800 )
    .animate({ opacity : 1 }, { duration: 800, queue: false });


jsFiddle Demo

关于jquery - 使用淡入淡出显示/隐藏剪辑效果,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6355366/

10-12 07:32
查看更多