jQuery UI應用 滑塊Slider

2021-06-05 07:55:35 字數 2550 閱讀 6472

1、animate:型別boolean 預設值false

a)用處:單擊滑動區域時,滑塊是否使用動畫效果平滑移動到單擊位置。

b)     **示例:

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var animate = $("#id").slider("option","animate");

例項化後設定屬性值

$("#id").slider("option","animate",true);

2、max:型別number 預設值100

a)     用處:滑動範圍最大值。

b)     **示例:

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var max = $("#id").slider("option","max");

例項化後設定屬性值

$("#id").slider("option","max",false);

3、min:型別number預設值 0

a)     用處:滑動範圍最小值。

b)     **示例

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var min = $("#id").slider("option","min");

例項化後設定屬性值

$("#id").slider("option","min",false);

4、orientation:型別string預設值 "auto"

a)     用處:滑動方向。通常無需設定,控制項會自行探測正確方向。

b)     **示例

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var orientation = $("#id").slider("option","orientation");

例項化後設定屬性值

$("#id").slider("option","orientation","vertical");

5、range:型別boolean/string 預設值false

a)     用處:設定為 true 時,自動探測是否有兩個滑塊並高亮顯示兩個滑塊間範圍。設定為 "min" 時,高亮顯示最小值至滑塊範圍;設定為 "max" 時,高亮顯示滑塊至最大值範圍。

b)     **示例

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var range = $("#id").slider("option","range");

例項化後設定屬性值

$("#id").slider("option","range","min");

6、step:型別number 預設值1

a)     用處:設定滑塊最小行進值,需可以被最大範圍值減去最小範圍值的差整除。

b)     **示例

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var step = $("#id").slider("option","step");

例項化後設定屬性值

$("#id").slider("option","step",10);

7、value:型別number 預設值0

a)     用處:設定第乙個滑塊的預設值。

b)     **示例

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var value = $("#id").slider("option","value");

例項化後設定屬性值

$("#id").slider("option","value",26);

8、values:型別array 預設值null

a)     設定多個滑塊預設值。range 屬性為 true 時,此數值元素個數應為 2。

b)     **示例

建立例項時設定屬性值

$(".class").slider();

例項化後得到屬性值

var values = $("#id").slider("option","values");

例項化後設定屬性值

$("#id").slider("option","values",[10,20,50]);

9、            disabled:型別boolean預設值false

a)     用處:控制滑塊是否可滑動

b)     **例項

1.      $(「#slider」).slider();

jQuery UI 應用不同Theme的辦法

一開始,我準備去動手,自己修改css檔案。這被證明是個非常費力不討好的事情。有一次在jquery ui的主頁 停留的時候,乙個單詞很快吸引了我的注意 themeable 這不就是 可變主題的 的意思嗎?於是我進入到 這裡,發現了下圖的這個地方,他們官網的人把主題的更換叫做 主題滾輪 哈哈哈,翻譯水平...

k8s 執行應用

kubect建立deployment deployment 建立replicaset 根據replicaset 建立pod 命名方式 relicaset 的命名方式 deployment名稱 隨機數 pod命名方式 relicaset 隨機數 1 通過kubetcl 建立 kubectl run n...

LM2586S 應用筆記

lm2586可用於搭建反激電路 flyback 和boost公升壓電路,筆者最近在使用該系列晶元過程中,使用lm2586 adj來設計公升壓電路,將 5v輸入電壓公升壓到 12v電壓輸出,要求輸出電流有1a。有lm2586手冊可以看到 輸入電壓 4 40v 輸出電流 3a 圖1 lm2866 xx資...