如何解决淡入淡出效果会不断重复,直到我悬停为止
| 当我将鼠标悬停在它们上时,我正在使用淡入淡出效果来隐藏和显示两个div。唯一的问题是,即使它是偶然的并且令人讨厌,Animation仍会像我将鼠标悬停在它上面一样重复多次。 我使用.stop(true,false)方法进行动画处理。 像这样:$(\'.fallInspiration\').hover(
function(){
$(this).stop(true,false).animate({color: \'#D55E8E\'},300);
},
但是我不知道在使用淡入淡出效果时如何解决该问题。
这是我正在使用的代码:
$(\'.thisWeekWrap\').hover(
function()
{
$(\'.thisWeek\').fadeOut(400);
$(\'.thisWeekHover\').fadeIn(400);
},function()
{
$(\'.thisWeek\').fadeIn(400);
$(\'.thisWeekHover\').fadeOut(400);
}
);
非常感谢您的帮助。谢谢
解决方法
您回答了自己的问题:在做效果之前先叫
.stop()
:
$(\'.thisWeek\').stop().fadeOut( 400 )
如果这会导致问题(有时,jQuery可能会“保存”停止值),请尝试:
$(\'.thisWeek\').stop().animate({ opacity : 0 },400);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。