Бар, который всплывает вверх и вниз, как kettlenyc.com и vevo.com

Question

Кто-нибудь знает, как создать панель, которая всплывает вверх и вниз, как kettlenyc.com и vevo.com?

Я предполагаю некоторую комбинацию css и javascript, но я не смог найти учебник, чтобы помочь мне.

Спасибо

Answer 1

Я почти уверен, что примеры, на которые вы ссылались, используют что-то вроде JQuery или prototype / scriptaculous для достижения эффекта.Взгляните на этот пример , возможно, это поможет вам начать.

Приветствия

Answer 2

Анимация такого рода без фреймворка javascript может быть сложной, поэтому вы определенно захотите использовать jQuery или что-то подобное.

Вот пример использования mootools: http://demos.mootools.net/Fx.Slide

Когда у вас есть фреймворк на вашей странице, это просто вопрос настройки события и вызова функции слайда:

myLink.addEvent('click', function() {
   var myfx = new Fx.Slide('myElement');
   myfx.toggle();
});