イメージリンクの背景色を別の色にフェードインする方法は？

Question

私は実際に私のブログでこれを達成することができました：roseannebarr.tumblr.com しかし、それは最初のもののためだけです...どんなアイデアですか？

 $(document).ready(function(){ 
      $("#block").hover(function() { 
      $(this).stop().animate({ backgroundColor: "#a7bf51"}, 800); 
      },function() { 
      $(this).stop().animate({ backgroundColor: "#6cb4e2" }, 800); 
      }); 

    }); 

Answer 1

あなたはidが同じページにHTMLで繰り返すことはできません、それは有効ではありません、あなたは問題このような正確が表示されます。代わりにあなたの要素にclass="block"のようなクラスを使用し、同じスタイリングおよび/ Oの動作を持つ複数の要素のために、とのマッチング.class selector：

$(document).ready(function(){ 
    $(".block").hover(function() { 
    $(this).stop().animate({ backgroundColor: "#a7bf51"}, 800); 
    },function() { 
    $(this).stop().animate({ backgroundColor: "#6cb4e2" }, 800); 
    }); 
});