0

リスト内のリンクにカーソルを合わせると、ページの上部にある画像を別の画像に変更しようとしています。これを行う方法はありますか？

4

3 に答える 3

0

CSSスプライトを使用することもできます：http： //css-tricks.com/158-css-sprites/

それを見てください...

httpリクエストの数を最適化し、非常に使いやすいです...

于 2011-07-13T21:06:05.393 に答える
0

多くの方法があります。ここに簡単なものがあります：

<img id="topImg" scr="image.jpg" />

<a href="#" onmouseover="document.topImg.src='image_over.jpg'"
            onmouseout="document.topImg.src='image.jpg'">Rollover</a>
于 2011-07-13T19:03:41.143 に答える
0

jQueryを使用している場合:

$('#tabbar a').hover(
function(){$('#banner').attr('src',"newimg.png')}
function(){$('#banner').attr('src',"oldimg.png')}
)

そうでない場合:

onmouseover の呼び出し: 

document.getElementById('banner').src = 'newimage.png'

onmouseout を呼び出します。 

document.getElementById('banner').src = 'olgimage.png'

スプライトを使用して背景位置を変更することもできるため、リソースが少なくなり、表示中に画像をロードする必要がなくなります

于 2011-07-13T19:04:21.783 に答える