Главная » Файлы » Прочие скрипты » Яваскрипты

Простая гирлянда с использованием картинки и javascript для uCoz
[ Скачать с сервера (17.9 Kb) ] 14.11.14, 11:24:23



Простенькая гирлянда для вашего сайта. Хоть код и миниатюрный, но всё смотрится довольно прилично

Для начала посмотрите ДЕМО

Установка:

В самый низ вашего css вставляйте:
Код
#garland {  
position:absolute;  
top:0;  
left:0;  
background-image:url('/img/christmas-lights.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  
  }


После < /head > на нужных страницах вашего сайта вставьте:
Код
<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>


Картинку из прикреплённого архива залейте в папку img

Первоисточник статьи ЗДЕСЬ

Материал подготовлен Apocalypse
Категория: Яваскрипты | Добавил: Apocalypse | Теги: ucoz, Простая, JavaScript, картинки, использованием, гирлянда, для
Просмотров: 513 | Загрузок: 155 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: