Картинки, линейки, смайлики, кнопки и еще много чего смотрите ниже!
Графическое оформление сайтов и блогов Ucoz
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться2Понедельник, 16 декабря, 2019г. 04:22:59
НАБОР ИКОНОК ПОГОДЫ
Поделиться3Воскресенье, 22 декабря, 2019г. 00:49:03
Скрипт живой, новогодней гирлянды (не gif)
Код:
<!-- Гирлянда -->
<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('//yraaa.ru/test/135/christmas-lights.png');height:36px;width:100%;overflow:hidden;z-index:1}
#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><div style="position:absolute;top:-1000px"></div>
<script type="text/javascript">
function garland() {
nums = document.getElementById('nums_1').innerHTML
if(nums == 1) {document.getElementById('garland').className='garland_3';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()}, 1000) //скорость мигания
</script>Исходники:
Страница: 1
