Смена фона при обновлении страницы
Хочу показать вам как сделать несколько вариантов фона на сайте создать данный материал решил потому что часто просят сделать на том или ином сайте несколько фонов и чтоб избежать таких просьб публикую данный скрипт.
Установка
Добавляем данный скрипт перед тегом </body> на всех страницах где хотите чтоб менялся фон.
Для того чтоб увеличить список вариантов просто добавьте в скрипт ещё несколько строчку со своим цветом вот так
если вам нужно установить выбор из картинок то замените в коде
на
Установка завершена!
Установка
Добавляем данный скрипт перед тегом </body> на всех страницах где хотите чтоб менялся фон.
Код
<script>
var backgrounds = [
"#f00",
"#0f0",
"#00f"
];
document.body.style.background = backgrounds[Math.floor(Math.random() * (backgrounds.length + 1))];
</script>
var backgrounds = [
"#f00",
"#0f0",
"#00f"
];
document.body.style.background = backgrounds[Math.floor(Math.random() * (backgrounds.length + 1))];
</script>
Для того чтоб увеличить список вариантов просто добавьте в скрипт ещё несколько строчку со своим цветом вот так
Код
"#000",
если вам нужно установить выбор из картинок то замените в коде
Код
"#f00",
"#0f0",
"#00f"
"#0f0",
"#00f"
на
Код
"url(ССЫЛКА НА КАРТИНКУ 1) top center",
"url(ССЫЛКА НА КАРТИНКУ 2) top center",
"url(ССЫЛКА НА КАРТИНКУ 3) top center",
"url(ССЫЛКА НА КАРТИНКУ 4) top center"
"url(ССЫЛКА НА КАРТИНКУ 2) top center",
"url(ССЫЛКА НА КАРТИНКУ 3) top center",
"url(ССЫЛКА НА КАРТИНКУ 4) top center"
Установка завершена!
-D-I-N-I-S-
18.04.17 в 11:21
653
0
Источник