在确定如何向以下内容添加淡入/淡入方面需要帮助:
$(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/