0

Dreamweaver (クリエイティブ クラウド) でロールオーバー イメージを作成しましたが、ライブ モードでプレビューすると、ホバー時にイメージが切り替わりません。

これが私のコードです：

<div id="facebook"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','/images/facebookover.png',1)"><img src="/images/facebookup.png"  id="facebook" /></a></div>

そして私のJavaScript

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
</script>
4

2 に答える 2

1

CSSホバーを使用するだけです。Javascript は実際には必要ありません。

#facebook{
 width:100px;
 height:100px;
 background-image:url('image1.jpg');
}
#facebook:hover{
 background-image:url('image2.jpg');
}

あなたの HTML:

<div id="facebook">Text here</div>

作業例: http://jsfiddle.net/NRFQ5/

于 2013-08-03T21:29:08.807 に答える