我在 Dreamweaver (creative cloud) 中创建了鼠标悬停图像,但是当我在实时模式下预览它时,图像不会在悬停时交换。
这是我的代码:
<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>
最佳答案
您可以只使用 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>
关于javascript - 翻转不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18037444/