在jQuery中按keydown的持续时间控制动画速度?

时间:2011-11-28 17:39:57

标签: jquery jquery-animate horizontal-scrolling

PL。检查此http://jsfiddle.net/sKeNP/

我正在尝试制作一个具有以下属性的简单水平滑块:

  1. 它应该一次显示3个元素。
  2. 它应该有键盘导航。
  3. 与当前三张幻灯片对应的点应为BIG
  4. 滑动时,幻灯片应一次移动1个,而不是一次移动3个
  5. 如果长按右或左键,它应移动多张幻灯片。
  6. 我已经能够实现这一切。

    唯一的问题是,当长按左或右键时,滑动动画不够平滑/快速。任何人都可以帮助我动态更改动画速度长时间keydown。同样,动画速度应该快速连续多次(比如说5或6个)keydown事件(左右键)。

1 个答案:

答案 0 :(得分:1)

这样做的简单方法是在每次收到keydown消息时简单地增加动画速度,并在每次获得keyup时重置它。请参阅我的修正案:http://jsfiddle.net/sKeNP/1/

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