2012-04-02 14 views
0

我在很多論壇上都問過這個問題,根本沒有什麼樂趣。你能否確定這種類型的jQuery Slider?

它就像是一個階梯式或範圍滑塊,您可以將指針拖動到一起,以便將動畫緩存到滑塊上的任何點。

顯然它看起來像一個UI滑塊,這是定製的,但我想知道的是「這是什麼類型的滑塊的實際名稱」,所以我可以嘗試創建一個。

enter image description here

如果它僅僅是一個UI滑塊。隨着步驟的增加,那很好,你可以「除了jquery」演示,給我任何鏈接到在線代碼,演示等,其中有與「SNAP TO」點相似的滑塊。

乾杯

+3

你有沒有嘗試過使用「Snap to increments」演示的jQuery UI?這不適合你嗎? (http://jqueryui.com/demos/slider/#steps)您只需要更改版式 – tftd 2012-04-02 22:57:13

+0

@OP [RTFG](https://www.google.com/search?q=jquery+snapto) – iambriansreed 2012-04-02 23:00:37

+0

我沒有看到過步版本,一定會失明。 – 422 2012-04-02 23:01:19

回答

1

我不知道你有多麼難看起來。谷歌搜索「jquery snapto」導致了幾個似乎很好的資源。其中,

  • jQuery的演示,最後一個 「我只捕捉到一80x80網格」 您可能會感興趣

http://jqueryui.com/demos/draggable/snap-to.html

  • 的例子和文檔可拖動的jQuery的

http://jqueryui.com/demos/draggable/

  • 在jquery的

http://ui-dev.jquery.com/demos/draggable/#snap-to

+0

嘿travis ty,我沒有用google搜索,這只是我做這篇文章時的一個狂野的描述。 Ty爲鏈接,衷心感謝。 – 422 2012-04-02 23:00:15

1

該類型控制元件的的名稱爲snapto的文檔是type range輸入元件。至於元素的特定定製,您需要查看源代碼以確定它是公共代碼(即第三方jQuery插件)還是由網站開發人員編寫的內容。如果它是前者,那麼至少應該有一個許可證標題和可以幫助識別它的信息。

+0

嗨,滑塊我屏幕可見。這個人刪除了所有的屬性,即使是jQuery。將檢查鏈接謝謝你。鏈接originl http://online-audio-converter.com/ – 422 2012-04-02 22:59:12

0

這些滑塊是手動完成的。我沒有發現實現這種功能的jQuery插件,所以我不得不使用jQuery.UI開發我自己的解決方案。我是該網站的開發人員)

+0

那麼你做得很好,最近我發現madsnow是一個時間軸滑塊。滑塊被拖動時,你是如何完成FILL的? – 422 2012-04-05 04:32:25

+0

兩個div具有不同的背景圖像。一個股票高於另一股。拖動時只是改變div的寬度。 – madsnow 2012-04-08 06:56:40

相關問題