Мигающая Новогодняя гирлянда на Javascript

Разместил: Apocalypse
19 декабря 2016

Скачать Замечательная классическая гирлянда, которая будет мигать в самом верху вашего сайта Для начала посмотрите ДЕМО Моё тестирование в редакторе: КЛИК Установка: 1#: В самый низ вашего CSS вставьте:

#garland {
position: absolute;
top: 0;
left: 0;
background-image: url('/img/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
}

#garland {

position: absolute;

top: 0;

left: 0;

background-image: url('/img/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

}

2#: На нужных страницах между body и /body поместите:

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

<script>
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>

</div>

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>

Осталось лишь залить картинку из прикреплённого архива в папку img

Автор публикации

не в сети 6 дней

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1095Регистрация: 27-08-2018

Метки: CSS3 Javascript Гирлянда Зима Мигающая Новый год

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

0 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

topka

Есть скрипт ( денег или баллов ? )
где можно потратить эти баллы или передать и заработать ?

Что-то такое видел на одном сайте ( сталкер сайт на юкозе было)

2024-03-06 21:31:46

Всевидящее око

Новый пост от installusd1 в теме «PPI Pay-Per-Install Best Advertising Network»

2024-03-25 09:45:25

Всевидящее око

Новый комментарий от пользователя паоа: «пкаор» в материале Ajax отправка комментариев в Wordpess без плагинов от Apocalypse

2024-03-27 20:08:09

Apocalypse

Сайт был восстановлен спустя несколько месяцев бездействия

2024-06-27 16:12:56

fapalnaapo

а Шо случилось за что блокировали

2024-06-30 20:46:10

Apocalypse

@fapalnaapo, банально хостинг не был уплачен

2024-07-14 08:27:24

Apocalypse

Всем привет. У кого как жизнь?

2024-07-30 19:50:15

fapalnaapo

давольно таки не плохо, очень приятно, мне очень нравится между прочем

2024-08-13 10:09:49

Apocalypse

Всем доброго дня

2024-11-07 12:00:10

Al-Sher

Всем привет

2024-11-09 17:57:18

......

Для публикации сообщений в чате необходимо авторизоваться