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的過程）。

根據要懸停的元素將不同的類添加到「懸停更改」元素允許您應用不同的圖像。