2011-11-28 95 views
0

Pl。检查这个http://jsfiddle.net/sKeNP/在jQuery中通过keydown持续时间控制动画速度?

我试图做一个简单的横向滑盖以下属性:

  1. 应该一次显示3个元素。
  2. 它应该有键盘导航。
  3. 对应于当前三张幻灯片的点应该是BIG
  4. 一边滑动,如果按下右侧或左侧键在时间
  5. 幻灯片应该一次移动1,而不是3应该移动多个滑动持续时间很长。

我已经能够实现所有这些。

唯一的问题是,当长时间按下左键或右键时,滑动动画不够流畅/不够快。任何人都可以帮助我动态改变长时间的动画速度keydown。同样,动画速度应该快速连续紧扣多个(可以说是5或6)keydown事件(用于左键和右键)。

回答

1

这样做的简单方法是在每次收到keydown消息时简单地提高动画速度,并在每次获取keyup时重置它。在这里看到我的修正案:http://jsfiddle.net/sKeNP/1/

但是,您有另一个潜在的问题,因为您的数字和滚动条不同步。当用户使用箭头键滚动到滚动条的结尾时,动画仍在发生。但也许这是设计。

+0

Thanks Godwin ..你的解决方案部分工作..但动画仍然不是我想要的..因为你已经指出动画不与滚动条同步..这可能是问题的一部分 我想要的是类似苹果的水平滑动: 1.增加速度取决于用户快速连续滑动多快的速度::单击'>'和'<'或快速连续多次按光标键。 2.同步处理动画的交替方向。 我对jQ非常陌生(3天前开始),因此需要帮助。 – user964678

+0

我对苹果产品并不是很熟悉,但在我看来,您想要做的就是基本上有一个带滚动条的div,而是拥有自己的自定义滚动条。情况就是这样,使用已经制作和测试的东西可能更有意义:http://www.net-kit.com/jquery-custom-scrollbar-plugins/。只要你喜欢,你可以设置滚动条的任何部分。 – Godwin

相关问题