Javascript - 淡入淡出图像?
问题描述:
你好,我有一个按钮,当它悬停时,它会改变div的背景图像(我有多个按钮,这是相同的div) 而不是突然出现在屏幕上时,悬停在图像上按钮,我想为他们在 褪色有人能指出我在正确的道路,请不用jQuery的Javascript - 淡入淡出图像?
这里是我的代码:
function link01() {
document.getElementById("hover-change").style.backgroundImage = "url(images/1.jpg)";
}
预先感谢您
答
可以在CSS
transition: background-image 1s linear
这在大多数浏览器都支持transition
背景图片(我认为它在被推出到Firefox /不知道IE的过程)。
根据要悬停的元素将不同的类添加到“悬停更改”元素允许您应用不同的图像。