Название: Новогодняя анимированная гирлянда со снегом и еловой веткой

Описание: Гирлянды, елочные ветки, новогодние игрушки и узорчатые снежинки – все это является неотъемлемыми составляющими новогоднего празднования. Зачем ограничиваться чем-то одним? Разместите на своем сайте сразу все для яркого и веселого настроения – в этом вам поможет этот простой скрипт. пример http://sneg-uguide.ucoz.ru

<style type="text/css">  
#garland {position:absolute;top:0;left:0;background-image:url('http://uguide.ru/js/script/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>  
<script src="http://uguide.ru/js/script/table1.js" type="text/javascript"></script>  
<img border="0" src="http://uguide.ru/js/script/elka.png" align="left" />  
<nolayer>  
</div>  
</nolayer>  
<script type="text/javascript" src="http://uguide.ru/js/script/snow1.js"></script>

Добавил: -RotManS-
Дата: 8 дек 2014, в 22:35 Комментарии (0)