ВСЕ ДЛЯ НОВИЧКАЗдесь Вы найдете проблемы, с какими может столкнутся начинающий фрилансер.

Как изменять фон сайта при помощи Javascript

Автор admin апреля 2, 2011 Просмотров: 801

На примере сайта Aol.com можем посмотреть как изменяется фон на главной странице, что выглядит очень интересно. Так как применять изменения фона сайта на ваш веб-проекта, кратко рассмотрим в этом посте. Для этого достаточно написать только 5 строк на JavaScript. Используйте его и обогащайте ваш веб-проект.

View demoDownload source

Как изменять фон сайта при помощи Javascript

Фоновые изображения сайта должны быть расположены в папке bgimages

index.html

bgimages

— 1.jpg

— 2.jpg

— 3.jpg

— ...

Javascript

Чтобы изменить фон сайта мы будем использовать totalCount это число фоновых изображений сайта. Math.random () возвращает случайное число между 0 и 1, а также Math.ceil () — метод позволяет округлять число к целому, и возвращает результат.

<html>
<head>
<script type="text/javascript">
var totalCount = 8;
function ChangeIt()
{
var num = Math.ceil( Math.random() * totalCount );
document.body.background = 'bgimages/'+num+'.jpg';
document.body.style.backgroundRepeat = "repeat";// Background repeat
}
</script>
</head>
<body>
// Page Design
</body>
<script type="text/javascript">
ChangeIt();
</script>
</html>

ВСЕ ДЛЯ НОВИЧКА
Как изменять фон сайта при помощи Javascript