滚转不起作用
滚转不起作用
提问于 2013-08-03 21:20:51
我已经在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>回答 2
Stack Overflow用户
回答已采纳
发布于 2013-08-03 21:29:08
你可以直接使用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/
Stack Overflow用户
发布于 2013-08-03 21:34:00
如果您喜欢过渡，只需将其添加到您的样式中：
#facebook{
transition: background-image 0.5s ease;
-moz-transition: background-image 0.5s ease;
-webkit-transition: background-image 0.5s ease;
...
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18037444
复制相关文章
相似问题
腾讯云开发者
