像kettlenyc.com和vevo.com一样上下弹出的酒吧

Question

任何人都知道如何创建一个像kettlenyc.com和vevo.com一样上下弹出的栏？

我猜测css和javascript的某种组合，但我找不到帮助我的教程。

由于

Answer 1

我很确定您链接的示例使用类似JQuery或prototype / scriptaculous的东西来实现效果。看看this example，也许这将有助于您入门。

干杯

Answer 2

要做这种没有javascript框架的动画可能会很棘手，所以你肯定会想要使用jQuery或类似的东西。

以下是使用mootools的示例：http://demos.mootools.net/Fx.Slide

在您的页面上拥有框架后，只需设置一个事件并调用幻灯片功能：

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