如何解决使用淡入淡出显示/隐藏剪辑效果
| 在确定如何向以下内容添加淡入/淡入方面需要帮助:$(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\",200
);
});
});
当动画clip
出现在显示/隐藏时,我希望它与clip
同时淡入/淡出,但是目前如果我添加.animate
或.fadeIn/Out
只是在排队。
(使用jQuery和jQuery UI)
jsFiddle示例
有任何想法吗?
解决方法
您可以使用
.animate()
代替.fadeIn()
/.fadeOut()
,可以将其传递给选项(queue : false
),该选项可以使动画立即运行,而不是将其放在队列中。
基于您的代码的示例(默认情况下,将不透明度设置为零):
$(\'.content\')
.stop(true,true)
.show( \"clip\",{direction: \"vertical\"},800 )
.animate({ opacity : 1 },{ duration: 800,queue: false });
jsFiddle演示
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。