Главная » 2015 » Декабрь » 5 » Веточка елки, снег и гирлянда на сайт (Javascript)
05.12.2015, 09:48

Веточка елки, снег и гирлянда на сайт





Этот код, содержит в себе новогодние украшения в виде скрипта снега для сайта, моргающей гирлянды, находящейся вверху и веточки елки с игрушками, располагающуюся в левом верхнем углу сайта.

Установка:

1) Скачать архив и загрузить файлы из него в корень вашего сайта.

2) На тех страницах, где вам нужны новогодние украшения, в head вставляем этот код:

Код
<style type="text/css">  
#garland {position:absolute;top:0;left:0;background-image:url('/christmas.png');height:36px;width:100%;overflow:hidden;z-

index:99}  
#nums_1 {padding:100px}  
.garland_1 {background-position: 0 0}  
.garland_2 {background-position: 0 -36px}  
.garland_3 {background-position: 0 -72px}  
.garland_4 {background-position: 0 -108px}  
</style>  

<div id="garland" class="garland_4"><div id="nums_1">1</div></div>  

<script type="text/javascript">  
function garland() {  
nums = document.getElementById('nums_1').innerHTML  
if(nums == 1) {document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'}  
if(nums == 2) {document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'}  
if(nums == 3) {document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'}  
if(nums == 4) {document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'}  
}  

setInterval(function(){garland()}, 600)  
</script>  
<nolayer>  
<div style="position:absolute; top:0; left:0;">  
</nolayer>  
<img border="0" src="/elka.png" align="left" />  
<nolayer>  
</div>  
</nolayer>  
<script type="text/javascript" src="/snow1.js"></script>
Материал взят с сайта infoscript.ru
Теги: Скачать Веточка елки, снег и гирлянда на сайт
Скачать "Веточка елки, снег и гирлянда на сайт"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 1330 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: гирлянда, на, сайт, Снег, веточка, елки
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]