2012-03-22 3 views
0

Hia expert!jQuery появляется на свитке

Последний раз я был прокрутки вниз межсеть, я нашел привлекательный сайт (http://www.neotokio.it/), и я хотел посмотреть, как они это сделали, я пришел далеко с помощью StackOverflow,

effect = $("#certainDIV").fadeTo(0, 0); 

$(window).scroll(function(d,h) { 
    effect.each(function(i) { 
     a = $(this).offset().top + $(this).height(); 
     b = $(window).scrollTop() + $(window).height(); 
     if (a < b) $(this).fadeTo(500,1); 
    }); 
}); 

Этого в значительной степени является началом эффекта, и я уже был этим, но теперь им любопытно, как они создали эту вещь. Итак, когда начинается одна строка слов (или изображений), начинается другая. я знаю его, но нечеткое, но когда вы посмотрите, вы поймете, что я имею в виду.

Эффект, который они создают со словами действительно привлекательным, но я понятия не имею, как сделать это в JQuery ..

Могли бы один из вас экспертов помочь мне?

Спасибо.

+0

PS: У меня есть прокручиваемая страница, как и мир Nike Better. поэтому поэтому мне нужно, чтобы он реагировал на определенную позицию. (в PX) теперь он появляется, когда он хочет хаха .. – NoFxor

ответ

1

Я предполагаю, что вы ссылаетесь на то, как линии двигаются вниз и увеличивают непрозрачность. Они делают это путем анимации краев и непрозрачности вместе. Я вытащил этот пример со своего сайта и немного изменил его, чтобы понять смысл контекста.

$(".mySelector").css({opacity:0,marginTop:-10}) 
    .delay(500) 
    .animate({marginTop:0,opacity:1}, 600, "linear"); 

Это, безусловно, классный эффект.

+0

woh спасибо, что, надеюсь, поможет мне выделить, Не могли бы вы сыграть со мной пример, чтобы сделать его более понятным? ха-ха. Прости. – NoFxor

Смежные вопросы