更改预定义的身体背景图像

Change pre-defined body background image

本文关键字：背景 图像 预定义      更新时间：2023-09-26

我发现这个脚本可以在单击链接时更改身体的背景图像。它很好，除了唯一的问题是我不能在css中有一个预定义的bg图像，否则它不会改变。

所以我删除了背景图像的css，它可以很好地切换图像，但我希望一个图像是默认的。

脚本：

    <script language="JavaScript">
<!--
var backImage = new Array(); // don't change this
backImage[0] = "images/bg0.png";
backImage[1] = "images/bg1.png";
backImage[2] = "images/bg2.png";
backImage[3] = "images/bg3.png";
backImage[4] = "images/bg4.png";
backImage[5] = "images/bg5.png";
function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}
//-->
</script>

链接：

<a href="javascript:changeBGImage(1)">Change2</a>

例如，我希望bg0.png在页面加载时默认为背景。

如果能够在bg图像之间淡入淡出，那也太好了。

提前谢谢。

在CSS中保留背景，并使用此代码代替

var backImage = [
    "images/bg0.png",
    "images/bg1.png",
    "images/bg2.png",
    "images/bg3.png",
    "images/bg4.png",
    "images/bg5.png"
];
function changeBGImage(whichImage) {
    if (document.body){
        document.body.style.backgroundImage = 'url('+backImage[whichImage]+')';
    }
}

如果在css中定义了背景，则需要更改背景：document.body.style.backgroundImage属性

相关文章：