0

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});

});
4

1 に答える 1

0

これを試して

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

白という単語の代わりに、backgroundColor を rgba に変換しただけです。最新の jquery を使用しているため、.on() を使用する必要があります。

$(".entry").on({
  mouseenter: function(){
    // your code
  },
  mouseleave: function(){
    // your code
  }
});
于 2012-07-31T16:39:05.677 に答える