javascript - javascriptでmousemoveの画像を変更する

Question

私はこのサイトに出くわし、マウスが自分のサイトに移動しているときに、彼らの写真を変更するロゴに似たものを実装したいと思いました。ページソースが少し混乱しているので、jQueryを使用しているかどうかはわかりませんが、JavaScript内でこれを行う方法はありますか？

score 1 · Accepted Answer

実際、そのサイトは背景スプライトを使用しており、各ロゴを表示してスプライトの位置を変更しています。

スプライトのレイアウトと、画像を「すばやく」変更する方法に基づいて、いくつかの計算を行う必要があります。

次に、要素の背景位置を変更します。

score 0 · Accepted Answer

画像タグの代わりにdivまたはその他のブロック要素がある場合は、cssを使用して同じ効果を達成することもできます。

#logo {
background: url('logo.png');
width: 200px;
height: 45px;
}

#logo:hover {
background: url('logo_hover.png');
}

2 に答える 2