Как сделать такой эффект выезда и появления (пример есть)
http://www.emblematiq.com/
Собственно вот пример. Тут вся страница выезжает одновременно с появлением. Пробовал разные сочетания animate, slide, но всё не то. Если есть знатоки, буду рад за подсказку. |
В общем, сам же и отвечаю :-)
.animate({opacity: 1, paddingTop: 22}, 444); Вроде похоже. Если есть другие варианты, то добавляйте. |
Если открыть исходный код страницы, внизу есть main.js. Внутри него эти процессы прописаны...
$("hgroup").find("a.slideDown").click(function(){ clearInterval(slideInterval); slideTitle(); slideInterval = setInterval(slideTitle, timer); }); function slideTitle() { nextTitle = (currentTitle > 3)?1:currentTitle+1; $("hgroup").find("div.t0"+currentTitle).animate({top:'-=50', opacity:'toggle'}, 500, function() { $("hgroup").find("div.t0"+nextTitle).animate({top:'0', opacity:'toggle'}, 500); $(this).css('top','50px'); }); ++currentTitle; if(currentTitle > 4) {currentTitle = 1;} } |
Часовой пояс GMT +3, время: 17:19. |