Javascript - 淡入淡出图像？

Question

你好，我有一个按钮，当它悬停时，它会改变div的背景图像（我有多个按钮，这是相同的div） 而不是突然出现在屏幕上时，悬停在图像上按钮，我想为他们在 褪色有人能指出我在正确的道路，请不用jQuery的

这里是我的代码：

function link01() { 
document.getElementById("hover-change").style.backgroundImage = "url(images/1.jpg)"; 
} 

预先感谢您

Answer 1

jQuery有一个淡入这可能会对你有所帮助。 http://www.w3schools.com/jquery/jquery_fade.asp

Answer 2

可以在CSS

transition: background-image 1s linear 

这在大多数浏览器都支持transition背景图片（我认为它在被推出到Firefox /不知道IE的过程）。

根据要悬停的元素将不同的类添加到“悬停更改”元素允许您应用不同的图像。