缩略图fadein fadeout特定的div淡出问题

时间:2010-01-05 22:39:17

标签: jquery hover fadein fadeout fadeto

我正在使用此代码隐藏并显示基于您翻转的缩略图的div;

    $(document).ready(function(){
    $('div.infodiv').hide();
    $(".website_thumbs a").hover(
    function(){
       var name = $(this).attr("name");
       $(".infodiv").stop();
        $("."+name).fadeIn();
    },
    function(){
       var name = $(this).attr("name");
        $("."+name).fadeTo(7000,1).fadeOut();
    });
});

脚本从缩略图中获取name属性,并显示具有相应类的div。每个div共享.infodiv类,但也有一个每个缩略图唯一的类。

功能基本上是我想要它的功能但是当你快速滚动缩略图时,一些div会陷入一种半褪色状态并停止工作,除非我翻过它们一次 - 然后它们会慢慢淡入它们可以再次使用。

我对jQuery有点新鲜,并希望得到任何帮助。

2 个答案:

答案 0 :(得分:0)

尝试删除$(“。infodiv”)。stop(); line - 阻止所有infodivs动画制作。

答案 1 :(得分:0)

解决方案最终成为hoverIntent插件。