使用淡入淡出过渡更改背景图像

时间:2012-09-04 23:47:32

标签: javascript background fade transition rollover

我为我的网站设置了一个非常基本的启动页面。使用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")';

}
}

0 个答案:

没有答案