javascript - 使用淡入淡出转换更改背景图像

Question

我为我的网站设置了一个非常基本的启动页面。使用 Javascript 我已经设置了它，因此当用户将鼠标悬停在输入站点链接上时，正文背景会发生变化。我现在要做的是在转换之间添加一个淡入淡出过渡（此时它只是跳跃）

这是我下面的脚本

<!--

var backImage = new Array(); 
backImage[0] = "splashbackground.jpg";
backImage[1] = "backgroun3.jpg";

function setBackground() { <!--sets the default background for the page//-->
  if (document.body) {
  document.body.style.backgroundImage = 'url("splashbackground.jpg")';
 }
}
function changeBGImage(whichImage){ <!--fist background change onMouseOver event//-->
  if (document.body){
  document.body.style.backgroundImage = 'url("backgroun3.jpg")';

}
}

function changeBGImage2(whichImage){<!-- changes background back onMouseOut event//-->
if (document.body){
document.body.style.backgroundImage = 'url("splashbackground.jpg")';

}
}