Rel*_*lla 10 html javascript background image
如何使用JavaScript函数更改HTML背景?我需要一些简单的功能来将背景从一个图像更改为另一个图像?
尝试这样的事情:
function newBackGround (element,background) {
element.style.backgroundImage = "url("+background+")";
}
newBackground (myElement,"newBackground.jpg");
Run Code Online (Sandbox Code Playgroud)
非常简单,如下所示:
function changeBGImage(){
document.body.background = "image.jpg";
}
Run Code Online (Sandbox Code Playgroud)
更新
或者如果你想使用CSS(更优雅的解决方案),你可以使用:
<style>
.bg1 {
background-image: url(images/my_image.jpg);
}
</style>
<body id="page_body">
<script>
function changeBGImage(whichImage){
document.getElementById('page_body').className="bg"+whichImage;
}
</script>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
33228 次 |
| 最近记录: |