javascript - 使用 jquery 淡入淡出

Question

我现在才刚刚开始学习使用 jQuery，我正在尝试淡入淡出图像。当我将鼠标悬停在图像上时，我想将图像淡化为半不透明。然后，只有在我移开图像鼠标后，图像才会恢复为完全不透明。现在，我正在使用回调函数淡入图像，但它是在淡出发生后立即执行的，而不是在我的鼠标离开图像时执行的。有人知道发生了什么事吗？

这是我的代码:

$(document).ready(function(){
  $("img").mouseover(function(event){
    $(this).fadeTo("fast", 0.5, function(){
      $(this).fadeTo("fast", 1.0)}
    );
  });
});

Answer 1

试试这个

$(document).ready(function(){
    $("img").on('mouseover', function(event){
        $(this).fadeTo("fast", 0.5);
    }).on('mouseout', function(){
       $(this).fadeTo("fast", 1.0)    
    });
});​

DEMO .