jquery淡入淡出问题

我试图实现一个图像滑块，在悬停时显示一些文本。它工作正常，除了在IE8中，每当滑块更改图像时都有一段文字。jquery淡入淡出问题

下面是当前的js代码：

<script type="text/javascript"> 
$(document).ready(function() { 
    /* Hide descriptions. */ 
    $('.description').fadeTo(0, 0); 

    /* Show descriptions on hover. */ 
    $('.description').hover(
    function() { $(this).fadeTo(400, 1); }, 
    function() { $(this).fadeTo(400, 0); } 
    ); 

    $('#slider').after('<div id="pager">').cycle({ 
    fx: 'fade', 
    timeout: 5000, 
    speed: 700, 
    pager: '#pager', 
    pause: 1 
    }) 
}); 
</script>

链接到一个活生生的例子here

链接到jsFiddle

来源

2011-08-18 sheepgobeep

你能否把你的代码放在[jsfidd le]（http://jsfiddle.net/）并提供给我们一个链接？这使我们能够看到你所有的代码并在需要修改的地方进行编辑。 – sg3s

我将有问题的代码添加到jsFiddle中，但无法在该平台上运行。我添加了jsfiddle链接到原始文章。 – sheepgobeep

看来，如果你强行说明在过渡期间隐藏工作：

$(document).ready(function() { 
    /* Hide descriptions. */ 
    $('.description').fadeTo(0, 0); 

    /* Show descriptions on hover. */ 
    $('.description').hover(
     function() { $(this).fadeTo(400, 1); }, 
     function() { $(this).fadeTo(400, 0); } 
    ); 

    $('#slider').after('<div id="pager">').cycle({ 
    fx: 'fade', 
    timeout: 5000, 
    speed: 700, 
    pager: '#pager', 
    pause: 1, 
    cleartypeNoBg: true, 
    before: function() { $('.description').css('display', 'none'); }, 
    after: function() { $('.description').css('display', 'block'); } 
    }); 
});

来源

2011-08-18 19:11:31

这样做，谢谢！ – sheepgobeep

jquery淡入淡出问题

回答

相关问题