• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Плавное появление и исчезновение блоков
Плавное появление и исчезновение блоков
workman
Понедельник, 29 Февраля 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
JS
Код
$(function(){$elements=$(".gde31ru-content").find("span");var d=$elements.first();function c(){d.fadeTo(1200,1).delay(7000).fadeTo(1200,0,c);d=d.next();if(d.length===0){d=$elements.first()}}c()});

CSS
Код
.gde31ru-content{height:215px}
.gde31ru-content span{overflow:hidden;padding:0;position:absolute;opacity:0}

Код
<div class="gde31ru-content">
<span>БЛОК 1</span>
<span>БЛОК 2</span>
<span>БЛОК 3</span>
</div>

У кого хватит знаний, переделываем время появления и исчезновения под себя, а пока смотрим демо


Сообщение отредактировал
workman - Понедельник, 29 Февраля 2016, 15:26
Страна: (RU)
Kosten
Понедельник, 29 Февраля 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
workman, а можно примерно посмотреть где. biggrin
Страна: (RU)
Scheme
Понедельник, 29 Февраля 2016 | Сообщение 3
Оффлайн
Пользователи
Сообщений:157
Награды: 1
Но это что то как на новых хостинг, когда прокручиваешь, то блоки исчезают и новые появляются.
Страна: (RU)
workman
Вторник, 01 Марта 2016 | Сообщение 4
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
а можно примерно посмотреть где.
Так я ссылку дал на песочницу где делал ... Посиди и посмотри как работает там ..
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Плавное появление и исчезновение блоков
  • Страница 1 из 1
  • 1
Поиск: