jquery - Jquery 中转和鼠标悬停

Question

我想用脚本在鼠标悬停时创建一个过渡动画：Transit All 已完成，嗯……有一个例外。过渡有效，但是如果您在 3 个不同的块上多次通过鼠标（例如 5 次），动画将继续播放！它会产生闪烁效果，但我不喜欢……一张图片值一千字：这是我的代码，问题出在：http: //jsfiddle.net/u4Dk4/1/

感谢您的宝贵帮助。

$(function() {
    $("#A").mouseover( function() {
    $("#A").transition({ opacity: '0'}, 500);}); });
$(function() {
    $("#A").mouseout( function(){
    $("#A").transition({ opacity: '1'}, 500);}); });

Answer 1

您创建一个动画队列。stop()使用该功能删除该队列。

这是你改变的小提琴

$("#A").mouseover( function() {
$("#A").stop().transition({ opacity: '0'}, 500);}); });
$(function() {
$("#A").mouseout( 
function(){
$("#A").stop().transition({ opacity: '1'}, 500);}); });