javascript - Javascript 翻转使正文文本出现奇怪的闪烁 - 如何修复它？

Question

我目前正在为一个网站工作，他们希望我在主页上添加一个翻转效果 (vps.futureaccess.ca/~kraun)。所以...我找到了一个不错的 Javascript 代码并将其插入 PHP，但是当我在这 3 个按钮中的一个上移动鼠标时，我注意到正文文本上有一个奇怪的“闪烁”。我想知道你是否知道如何解决这个问题？我不是 javascript 专家。

这是javascript代码：

<script type="text/javascript">         
$(document).ready(function(){

    //Set opacity on each span to 0%
    $(".rollover").css({'opacity':'0'});

    $('.img_list a').hover(
        function() {
            $(this).find('.rollover').stop().fadeTo(700, 1);
        },
        function() {
            $(this).find('.rollover').stop().fadeTo(500, 0);
        }
    )

});     
</script>

谢谢！

Answer 1

不要淡化到零（这使它消失），淡化到0.1