当前位置：首页 → 问答吧 → 关于fadein/fadeout延迟问题

关于fadein/fadeout延迟问题

时间：2009-06-24

来源：互联网

才学JQ，觉得fadein这样的效果很实用，最近在产品列表中用了这效果，发现一个问题，我用的mouseover触发的，mouseout关闭，每个产品鼠标称上去的时候就fadein显示大图，但是当我快速的滑过几个产品的时候，在最后的停住的产品上会不断的fadein几次大图，好像有延迟现象一样，有没高手指点一下，怎么能让效果在我mouseout时立刻结束，求教了！！！！！

作者: suano 发布时间: 2009-06-24

在mouseout时调用stop函数

作者: keakon 发布时间: 2009-06-24

$("img[id=showimg]").mouseover(function() {
            $("#bigimg").show("blind",options,500,"");
        });

        $("img[id=showimg]").mouseout(function() {
            $("#bigimg").stop();
        });
这样吗，不管用哦，能说得详细点么？

作者: suano 发布时间: 2009-06-24

$("#bigimg").show("blind",options,500,"")这里是用的JQ的UI扩展代码里的效果，换成fadeIn倒是不重复载入了，但是没有fadeIn效果了，而是直接显示出来的。。。

作者: suano 发布时间: 2009-06-24

  $("img[id=showimg]").mouseout(function() {
            $(this").stop();
        });

话说你这样id都定死了，不是只有1张图吗
而且id选择器不用用属性选择器去做，会很慢的

作者: keakon 发布时间: 2009-06-24