Как изменить фон HTML с помощью функции JavaScript? - PullRequest
Новая
       29

Как изменить фон HTML с помощью функции JavaScript?

10 голосов
/ 12 апреля 2010

Как изменить фон HTML с помощью функции JavaScript? Мне нужна простая функция для изменения фона с одного изображения на другое?

Ответы [ 5 ]

4 голосов
/ 12 апреля 2010

Альтернатива IFF с использованием jquery 

$("body").css("background-image", "url(/image.jpg)");
3 голосов
/ 12 апреля 2010

Попробуйте что-то вроде этого: 

function newBackGround (element,background) {
   element.style.backgroundImage = "url("+background+")";
}

newBackground (myElement,"newBackground.jpg");
1 голос
/ 12 апреля 2010

Очень просто, как это: 

function changeBGImage(){
     document.body.background = "image.jpg";
}

Надеюсь, это поможет вам

UPDATE

Или, если вы хотите использовать 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>
0 голосов
/ 01 февраля 2017
0 голосов
/ 12 апреля 2010 
function changeBGImage(whichImage){
     document.body.backgroundImage = "url(" + whichImage + ")";
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...