在悬停时启动/停止javascript功能

时间:2013-04-02 04:27:33

标签: jquery hover timing jquery-timing

我有一个javascript函数,我使用jquery和jquery-timing循环遍历ul图像和文本改变不透明度。

function gridautomate() {

griditem.repeat().each($).find("img").animate({"opacity" : "1"},500, $).wait(7000).wait(noHover).animate({"opacity" : ".5"}, 500, $);
griditem.repeat().each($).find(".quote").animate({"opacity" : "1"},500, $).wait(7000).wait(noHover).animate({"opacity" : "0"}, 500, $);

};

我还有另一个功能,即在悬停时它会发生相同的变化。

function gridanimate() {

griditem.hover(

    function(){
    $(this).find("img").animate({"opacity" : "1"},0);
    $(this).find(".quote").animate({"opacity" : "1"},0);
    },

    function(){
    $(this).find("img").animate({"opacity" : ".5"},0);
    $(this).find(".quote").animate({"opacity" : "0"},0);
    gridautomate();
    }

);

}

我想要做的是在悬停时切换启动第一个功能,即在悬停时停止并在悬停时开始。无法理解。

1 个答案:

答案 0 :(得分:0)

我不理解这个问题。虽然你可以查看stop()方法stop()

$('#hoverme-stop-2').hover(function() {
  $(this).find('img').stop(true, true).fadeOut();
}, function() {
  $(this).find('img').stop(true, true).fadeIn();
});