javascript - ホバー時にdivの背景をそっと変更するには?

Question

ユーザーがページ上の特定のリンクにカーソルを合わせたときに、ページの本文の背景を変更する方法を探していました (ホバーしたリンクに応じて背景を別の色に変更する予定でした)。CSSのトランジション効果のように、この効果をソフトに動作させます。それを行う方法はありますか？JS または CSS を使用していますか?

ホバー効果については、JQueryのホバー機能を使用しますが、ソフトトランジションの方法が見つかりません。

Answer 1

この答えは、多くのjquery指向です。つまり、css で多くのことを行う必要はありません。

したがって、css スタイル シートを再構成することなく、さまざまな色を生成してすぐに追加することができます。

デモ: http://jsfiddle.net/y5yBg/2/

コード

bg=$(document.body);
color=['orange','rgb(42, 212, 255)','rgb(219, 255, 74)'];

$('li').each(function(e){
    $(this).click(function(){
    bg.css('background-color',color[e]);
    });
});