Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.03.2013, 08:06
Новичок на форуме
Отправить личное сообщение для emfs Посмотреть профиль Найти все сообщения от emfs
 
Регистрация: 10.01.2009
Сообщений: 2

Как сделать такой эффект выезда и появления (пример есть)
http://www.emblematiq.com/

Собственно вот пример. Тут вся страница выезжает одновременно с появлением.

Пробовал разные сочетания animate, slide, но всё не то.

Если есть знатоки, буду рад за подсказку.
Ответить с цитированием
  #2 (permalink)  
Старый 11.03.2013, 08:51
Новичок на форуме
Отправить личное сообщение для emfs Посмотреть профиль Найти все сообщения от emfs
 
Регистрация: 10.01.2009
Сообщений: 2

В общем, сам же и отвечаю :-)

.animate({opacity: 1, paddingTop: 22}, 444);

Вроде похоже.

Если есть другие варианты, то добавляйте.
Ответить с цитированием
  #3 (permalink)  
Старый 11.03.2013, 12:07
Профессор
Отправить личное сообщение для Mukhtar Посмотреть профиль Найти все сообщения от Mukhtar
 
Регистрация: 08.10.2010
Сообщений: 201

Если открыть исходный код страницы, внизу есть 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;}
	}
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как можно улучшить такой код? Reiter Общие вопросы Javascript 0 06.11.2012 16:19
есть ли в js понятие частоты кадров, наподобие как во флэше? andrew_F Общие вопросы Javascript 8 01.05.2012 20:25
Кто-нибудь может сделать простой пример аякса? rusbody AJAX и COMET 1 11.03.2011 14:51
HTML5 Как сделать, чтобы можно было двигать картинку мышью? Бобр Общие вопросы Javascript 2 18.06.2010 21:22
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37