jQuery

关注公众号 jb51net

关闭
基于 jQuery的JProgressBar Demo文件加载进度条演示效果1.0

基于 jQuery的JProgressBar Demo文件加载进度条演示效果1.0

热门排行

简介

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} 返回当前进度条实例对象      喜欢的可以试试看。

大家还下载了