DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery EasyUI API 中文文檔 - ProgressBar 進度條
jQuery EasyUI API 中文文檔 - ProgressBar 進度條
編輯:JQuery特效代碼     
用$.fn.progressbar.defaults重寫defaults。
依賴
none
用法示例
創建ProgressBar
ProgressBar能夠從html標記創建或者編程創建。從標記創建更容易些,把 'easyui-progressbar' 類加入到<div/>標記。
代碼如下: <div id="p" class="easyui-progressbar" style="width:400px;"></div>

獲取或者設置值
我們獲取當前值並且給這個組件設置一個新值。
代碼如下:
var value = $('#p').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#p').progressbar('setValue', value);
}

特性

名稱

類型

說明

默認值

width

string

設置progressbar的寬度。

auto

value

number

百分比值。

0

text

string

顯示在組件上的文字的模板。

{value}%

事件

名稱

參數

說明

onChange

newValue,oldValue

當值改變的時候觸發。

方法

名稱

參數

說明

options

none

返回options對象。

resize

width

調整組件尺寸。

getValue

none

返回當前的進度值。

setValue

value

設置一個新的進度值。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved