Question

我在堆栈中有两个图像，比如#a和#b。 b的不透明度为1，我希望当我将鼠标悬停在它上面时，它会开始动画不透明度从0到1，而不是1到0.这样，这个循环将继续，直到鼠标离开图像。

你可以在这里找到类似的东西：http://www.myhabit.com/#page=b&dept=women&sale=A3RT7N8JLFHTE3&ref=qd_g_cur_img_b

我是jQuery的新手。

Answer 1

var cancel = false;

$("#b").hover(function() {
    var fadeDirection = 0;

    var next = function(jqo) {
        if(cancel) {
            jqo.stop(true);
            jqo.fadeIn(); // <-- not the neatest but I don't know another way to make it compatible
            jqo.stop(false, true);
        }

        if(fadeDirection = 1 - fadeDirection) {
            jqo.fadeIn(function() { next(jqo); });
        } else {
            jqo.fadeOut(function() { next(jqo); });
        }
    };

    next($(this));
}, function() {
    cancel = true;
});

那样的东西？

jQuery中的Opacity循环

1 个答案: