Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.09.2014, 15:33
Профессор
Отправить личное сообщение для greenwar Посмотреть профиль Найти все сообщения от greenwar
 
Регистрация: 19.08.2010
Сообщений: 150

подскажите пожалуйста эффекты для показа нескольких блоков по скроллу
приветствую
есть несколько блоков, скажем 4, надо, чтобы они мягенько всплывали один за другим (разница 0.3-0.5 сек) с каким-нибудь эффектом, типа fadeIn
я fadeIn смотрел, но придумал только:
$('#years_text1').fadeIn(1000);
$('#years_text2').fadeIn(2000);
$('#years_text3').fadeIn(3000);
$('#years_text4').fadeIn(4000);

это не сексуально. как лучше всего сделать именно несколько блоков друг за другом?

далее, нужно по ходу скролла, чтобы блоки выезжали откуда-то или тот же fadeIn
Ответить с цитированием
  #2 (permalink)  
Старый 09.09.2014, 15:41
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,451

Сообщение от greenwar
это не сексуально
ППЦ!

Вспомнился анекдот...

На выставке сумок много чего представлено... Из разных экзотических материалов... Но самой дорогой была мааааленькая сумочка.
Посетитель спрашивает гида:
- Что же это за сумка? Почему она такая дорогая при таком маленьком размере?
- О! Эта сумка сделана из полового члена быка секс-гиганта! При легком поглаживании она превращается в ОГРОМНУЮ хозяйственную сумку!

Так и у тебя должны те ДИВы появляться?

Последний раз редактировалось ksa, 09.09.2014 в 15:47.
Ответить с цитированием
  #3 (permalink)  
Старый 09.09.2014, 15:48
Профессор
Отправить личное сообщение для greenwar Посмотреть профиль Найти все сообщения от greenwar
 
Регистрация: 19.08.2010
Сообщений: 150

не, этот "эффект" можно пропустить, оставить только то, что я описАл
Ответить с цитированием
  #4 (permalink)  
Старый 09.09.2014, 15:49
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,451

Сообщение от greenwar Посмотреть сообщение
приветствую
есть несколько блоков, скажем 4, надо, чтобы они мягенько всплывали один за другим (разница 0.3-0.5 сек) с каким-нибудь эффектом, типа fadeIn
я fadeIn смотрел, но придумал только:
$('#years_text1').fadeIn(1000);
$('#years_text2').fadeIn(2000);
$('#years_text3').fadeIn(3000);
$('#years_text4').fadeIn(4000);
Плохо значит смотрел...
http://jquery-docs.ru/effects/fadein/
Там есть второй парамерт "Вызов". Вот его и используй...
Ответить с цитированием
  #5 (permalink)  
Старый 09.09.2014, 16:25
Профессор
Отправить личное сообщение для greenwar Посмотреть профиль Найти все сообщения от greenwar
 
Регистрация: 19.08.2010
Сообщений: 150

ну и чем мне поможет функция, которая запускается по окончании эффекта?
мне надо 4 блока показать с промежутками 0.3с между появлением
а после их показа мне не нужны никакие функции
Ответить с цитированием
  #6 (permalink)  
Старый 09.09.2014, 16:37
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,044

$('#years_text1').fadeIn(1000, function(){
    $('#years_text2').fadeIn(1000, function(){
        $('#years_text3').fadeIn(1000, function(){
            $('#years_text4').fadeIn(1000, function(){
                alert('Так то.')
            });
        });
    });
});
__________________
29375, 35
Ответить с цитированием
  #7 (permalink)  
Старый 09.09.2014, 16:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,451

Сообщение от greenwar
ну и чем мне поможет функция, которая запускается по окончании эффекта?
мне надо 4 блока показать с промежутками 0.3с между появлением
Вот там и запускай, используя тот же setTimeout()...
Ответить с цитированием
  #8 (permalink)  
Старый 09.09.2014, 16:59
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,044

Вот посложнее примерчик:
(function showNext(ids){
    if(ids) showNext.ids = ids;
    if(!showNext.ids.length) return;

    $(showNext.ids.shift()).delay(300).fadeIn(1000, showNext)
}([
    '#years_text1',
    '#years_text2',
    '#years_text3',
    '#years_text4'
]))
__________________
29375, 35
Ответить с цитированием
  #9 (permalink)  
Старый 09.09.2014, 17:08
Профессор
Отправить личное сообщение для greenwar Посмотреть профиль Найти все сообщения от greenwar
 
Регистрация: 19.08.2010
Сообщений: 150

Сообщение от Aetae Посмотреть сообщение
Вот посложнее примерчик:
(function showNext(ids){
    if(ids) showNext.ids = ids;
    if(!showNext.ids.length) return;

    $(showNext.ids.shift()).delay(300).fadeIn(1000, showNext)
}([
    '#years_text1',
    '#years_text2',
    '#years_text3',
    '#years_text4'
]))
по идее он проц будет больше грузить
и в нём даже больше кода
но спасибо, это то, что было нужно
а по второй части, про выезжающие блоки по скроллу, - есть решение?
Ответить с цитированием
  #10 (permalink)  
Старый 09.09.2014, 17:30
Профессор
Отправить личное сообщение для greenwar Посмотреть профиль Найти все сообщения от greenwar
 
Регистрация: 19.08.2010
Сообщений: 150

у меня есть такое решение:
<script>
$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 675) {
        $('.shhid').fadeIn();
    } else {
        $('.shhid').fadeOut();
    }

});</script>


но хочу, чтобы он не на высоту реагировал, а на достижение определённого id или class
так можно?
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите скрипт для защиты от копирования текста - обфускация лучше запрета frenzy Общие вопросы Javascript 18 27.03.2016 18:08
поиск классов внутри тега yozuul jQuery 24 14.06.2013 22:00
Подскажите технологию для реализации. sektor-sumy Общие вопросы Javascript 3 11.04.2013 23:49
Проблема с animate для скрытых блоков Sintanial jQuery 4 29.11.2012 14:53
Универсальная функция для сворачивания нескольких типовых блоков fennick Элементы интерфейса 7 26.09.2011 13:23