Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как сделать такой эффект выезда и появления (пример есть) (https://javascript.ru/forum/events/36300-kak-sdelat-takojj-ehffekt-vyezda-i-poyavleniya-primer-est.html)

emfs 11.03.2013 08:06

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

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

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

Если есть знатоки, буду рад за подсказку.

emfs 11.03.2013 08:51

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

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

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

Если есть другие варианты, то добавляйте.

Mukhtar 11.03.2013 12:07

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