e10 Сообщение 22/02/2009 16:04 Копия темы
Привет. Как сделать навигацию как здесь thematicmedia.ru/ ? Объяснить словами не смогу, лучше на меню тыкните. Еще раньше видел этот эффект на одном из сайтов, выпущенных Лебедевым, а так же сразу после этого статью на хабре с подробным описанием. Но я не могу найти ее на habrahabr.ru, поэтому сам вопрос: если у вас она вдруг есть в избранном, дайте пожалуйста ссылку, а если вы знаете каким образом спрашивать у гугла на английском или на русском, то скажите тоже – это поможет.

Yolenzo_2 Сообщение 22/02/2009 16:06 Копия темы

shket1v Сообщение 22/02/2009 16:13 Копия темы
хаха

shket1v Сообщение 22/02/2009 16:13 Копия темы
jquery

Yolenzo_2 Сообщение 22/02/2009 16:15 Копия темы

Sinner Сообщение 22/02/2009 16:59 Копия темы
Можно посмотреть как это сделано у них. Исходный код никто не отменял)))

У них много дивов. В каждом диве соответствующее содержимое. Нажимаем на пункт меню, скриываем все дивы, выставляем (позиционируем) нужный, показываем, и потом двигаем к рабочим координатам)))

Ничего сложного. Подробнее только яваскрипт код.

2 Pandabanda Antibloge
Нету на сайте примере jquery, по крайне мере для этой фичи. На странице уже заранее размещен весь нужный контент. И на самом деле страница хорошо работает и без инета)))

Sinner Сообщение 22/02/2009 17:00 Копия темы
Но грамотнее было бы на jQuery ))))

e10 Сообщение 22/02/2009 18:26 Копия темы
Лень победила – в названиях js нашел jTweener – code.google.com/p/jtweene...

Sinner Сообщение 22/02/2009 18:32 Копия темы
Да емое)))
А меня переклинило не на анимацию, а на способ получения инфы))))

Это же примитивное перемещение объекта с задержкой.

Цикл(от 1 до 100)
координата_У=координата_У+(на_сколько_надо_по двинуть\100); //на каждом шаге прибавляем по 1 проценту от маршрута.
объект.коорд_У=координата_У
ждем(время_ожидания)
Конец_цикла

e10 Сообщение 22/02/2009 18:52 Копия темы
Аааааа(. Кстати, я пока не понял как мне так же передвигать все страницу, может и не тем они двигают. Пойду еще посмотрю. Хотя все-равно ничего не понимаю.

Sinner Сообщение 22/02/2009 19:02 Копия темы
Смотри.

function MoveDiv(div_id,intTopVal)
{
document.getElementById(div_id).top=intTopVal ; //на счет именно параметра top есть сомнения. Надо уточнить
intTopVal=intTopVal+20;//20 – это на сколько пикселей надо сдвинуть.
if(intTopVal<intMaxDivTop) // intMaxDivTop – это конечная координата слоя. Тоесть нижняя граница перемещения
{
setTimeout('MoveDiv(\''+div_id+'\','+intTopVal+')',30 0); // 300 – это сколько паузы выдержать, перед следующим движением.
}
}

MoveDiv('needleDivId','0');


типтого)))) Код не проверял, но должен работать)))

Sinner Сообщение 22/02/2009 19:08 Копия темы
function MoveDiv(div_id,intTopVal)
{

//сначала как полагается опишем переменные. Научный подход)))

var intMaxDivTop;
var intTopVal;
intMaxDivTop=300;
//Выставим нашему слою переданную ранее координату.
document.getElementById(div_id).top=intTopVal ; //на счет именно параметра top есть сомнения. Надо уточнить

//увеличим координату на заданное значение.
intTopVal=intTopVal+20;//20 – это на сколько пикселей надо сдвинуть.

//если мы не додвигали куда надо наш слой, после задержки продолжим двигать.
if(intTopVal<intMaxDivTop) // intMaxDivTop – это конечная координата слоя. Тоесть нижняя граница перемещения
{
setTimeout('MoveDiv(\''+div_id+'\','+intTopVal+')',30 0); // 300 – это сколько паузы выдержать, перед следующим движением.
}
}

MoveDiv('needleDivId','0');


это если по науке)

e10 Сообщение 22/02/2009 19:16 Копия темы
Уау, это тебе не код вырезать кусками и смотреть что будет)
В смысле, спасибо большое. Но у меня вопрос теперь вот – как активировать движение, например при нажатии на кнопку?

e10 Сообщение 22/02/2009 19:19 Копия темы

Sinner Сообщение 22/02/2009 19:19 Копия темы
<a href="#" onClick="MoveDiv('needleDivId_1','0'); return false;">Открыть needleDivId_1</a>
<a href="#" onClick="MoveDiv('needleDivId_2','0'); return false;">Открыть needleDivId_2</a>


Но это только движение. Не забудь что еще надо сначала спрятать все слои. Потом выставить в ноль нужный, показать нужный, и только потом начинать движение.

e10 Сообщение 22/02/2009 19:23 Копия темы
JS я боюсь так что ничего сделать не смогу, а отнимать бесплатно ваше время не буду.
Я, кстати, в jtweener этом разобрался и сделал что хотел. Вам спасибо еще раз, ваши комментарии сохраню – летом время в пасмурные дни потрачу и разберусь)

Sinner Сообщение 22/02/2009 19:27 Копия темы
Не надо бояться JS. Штука прикольная. ;-)

konfuze Сообщение 22/02/2009 22:54 Копия темы
Можно поинтересоваться, почему вы так считаете?
При том, что само ядро jQuery даже в gzip варианте весит 19kB, а вся страница tm 7 kB?