2011-11-28 137 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

相關問題