使用彩色动画，IE实际上并没有调用Mouseleave

Question

我知道在SO上有很多这样的问题，但我找不到一个有动画颜色的问题。鼠标悬停时，它会动画为一种颜色（我只是为了测试目的而使它成为一种丑陋的蓝色，并且在鼠标输出时，它会动画显示其原始颜色。它可以在所有其他浏览器上完美运行，但IE可以使鼠标移动，但是没有为鼠标设置动画。

相关的js

$(".entry").mouseover(function () {

    $(this).animate({backgroundColor:"rgba(0,255,255,0.5)"},{duration:300, queue:false});

});

$(".entry").mouseout(function () {

    $(this).animate({backgroundColor:"white"},{duration:300, queue:false});

});

Answer 1

试试这个

http://jsfiddle.net/W3PWA/1/

我只将backgroundColor转换为rgba而不是white。由于您使用的是最新的jquery，因此您应该使用.on（）

$(".entry").on({
  mouseenter: function(){
    // your code
  },
  mouseleave: function(){
    // your code
  }
});