jQuery colorpicker作爲灰色顏色範圍的滑塊

Question

我想在我的網站上構建一個javascript函數來切換顏色灰度等級內的文本顏色。我在谷歌搜索，但沒有找到我想要的。我該如何創建範圍（可能從start和end值計算得出）並讀取滑塊上的用戶輸入以知道該怎麼做？

乾杯！

Answer 1

我沒有找到任何現成的解決方案，但您可以使用jQueryI UI中的Slider控件創建一維顏色選擇器。我放在一起quick jsfiddle來演示。當用戶移動滑塊時，「滑動」事件觸發，我的功能改變div的背景顏色。您可以更改滑塊和#color div的樣式以滿足您的需求。