热门排行
简介
JProgressBar 1.0加载进度条演示Demo文件,关于JProgressBar类的用法:
* 创建一个进度条
* @param {Object} config 配置
* id : {String}, 进度条的ID,默认会自动生成一个ID值
* direction : {String}, 进度条的方向,值为v时进度条的方向是垂直的,值为l时进度条方向是水平的
* width : {Number}, 进度条的宽度
* height: {Number}, 进度条的高度
* maxValue : {Number}, 进度条的最大值
* value : {Number}, 进度条的初始值
* text : {String}, 进度条中显示的文字字符串,字符串中出现的{#maxValue},{#value},{#pct} 分别表示,同时也会被替换为 进度条的最大值,当前进度值,当前进度值的百分比值
* cls: {String}, 为进度条自定义样式类
* 样式定义说明
* .样式类 进度条最外层框
* .样式类 .block 进度条块
* .样式类 .highlight 高亮显示的块
* .样式类 .text 文本
* .样式类 .text-mask .text 遮照文本
* renderTo : {Element}, 进度条所在父元素,如果未指定则会使用document.write 来创建
* JProgressBar.prototype.setText 设置当前进度条实例中显示的文本
* @param {String} text 进度条中显示的文字字符串,字符串中出现的{#maxValue},{#value},{#pct} 分别表示,同时也会被替换为 进度条的最大值,当前进度值,当前进度值的百分比值
* JProgressBar.setText 设置指定进度条实例中显示的文本
* @param {Object/String} jpb 进度条实例对象,如果指定值是字符串类型则会被当做进度条的ID来获取进度条实现对象
* @param {String} text 进度条中显示的文字字符串,字符串中出现的{#maxValue},{#value},{#pct} 分别表示,同时也会被替换为 进度条的最大值,当前进度值,当前进度值的百分比值
* @return {Object} 返回操作进度条实例对象
* @return {Object} 返回当前进度条实例对象
* JProgressBar.prototype.setValue 设置当前进度条实例中显示的文本
* @param {Number/Float} value 进度条的值,接受类似于 100,‘0.23%‘,253.23,‘235%‘,‘.5%‘ 的值
* @param {Boolean} animation 指定改变进度条进度值是。是否采用动画效果,默认为true
* @return {Object} 返回当前进度条实例对象
* JProgressBar.prototype.fireEvent 触发指定进度条中的事件
* @param {Object/String} jpb 进度条实例对象,如果指定值是字符串类型则会被当做进度条的ID来获取进度条实现对象
* @param {Array/String} events 要触发的事件列表,字符串类型中。多个事件用","分开
* @return {Object} 返回当前进度条实例对象 喜欢的可以试试看。