如何在没有淡入的情况下显示/隐藏具有背景图像的div？

Question

目前我的图像在鼠标悬停时显示img而不是另一个，但它会淡入。我只是想让它显示没有淡入淡出。

脚本：

<script type="text/javascript">
    $(document).ready(function(){
    $('.fade').hover(function() { 
        $(this).stop().animate({"opacity": 1}); 
    },function() { 
        $(this).stop().animate({"opacity": 0}); 
    })
    });
</script>

Answer 1

您可以尝试使用$(this).find('.caption').show()代替$('.caption', this).show();

Answer 2

将动画持续时间设置为0，如下所示：

$(this).stop().animate({ "opacity" : 1 }, 0);