javascript - その一部がホバーされたときに背景を変更する

Question

私はウェブデザインの初心者で、現在、ウェブサイトの一部を作成するのに苦労しています。どうにかしてこれを実現する必要があります。

BODY BackgroundのPARTが HOVERED になったら、背景を「B」に変更し、マウスがその部分の上にない場合は、背景を「A」に戻す必要があります。

ここでいくつかの例を見てきましたが、私は初心者なので、javascript の使い方がわかりません。純粋な CSS または JavaScript の適用方法について、ここで光を当ててください。

Answer 1

これは、JQuery http://jquery.comと呼ばれるサード パーティの JavaScript ライブラリを使用して非常に簡単に実現できます。

$(document).ready(function(){
    $("#hover").mouseenter(function(){
        $(this).css("background","#009900");
    }).mouseleave(function(){
        $(this).css("background","#ffffff"); 
    }); 
});