通过鼠标控制的圆形进度条html5+jquery实现代码，另外还有canvas绘制带渐变色的圆形进度条
jQuery Knob的特点：
- 没有使用任何图片。
- 能以多种方式实现进度条动画：鼠标点击、滚动和通过键盘来控制。
-
能够向下兼容，重载
input控件 -
基本调用方式：
<input type="text" value="75" class="dial"> |
<script>$(function() { $(".dial").knob();}</script> |
带参数调用：
可以为input提供data-option属性。
<input type="text" class="dial" data-min="-50" data-max="50"> |
或者在knob()对象中设置属性。
$(".dial").knob({ 'min':-50 ,'max':50}) |
下面还有一些可用的参数：
状态：
- min : 最小值，default=0
- min : 最大值，default=100
- stopper: 停止在0或100，default=true
- readOnly: 是否只读，default=false
- angleOffset: 改变进度条的0点位置，default=0
UI：
- cursor: 显示为鼠标模式，default=gauge
- thickness: 厚度
- width: 宽度
-
displayInput: 是否显示
input， default=true | false=hide - displayPrevious: 是否显示前一个值，default=false
- fgColor: 前景色
- bgColor: 背景色
- ticks: 进度的数值
- tickColor: 进度的数值的颜色
- tickLength: 进度的数值的长度
- tickColorizeValues: 显示彩色的数值
- skin: 皮肤，default | "tron"
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
下一篇： jQuery轻量级圆形进度指示器插件
HTML5键盘控制PPT幻灯片演示代码
html5鼠标点击液体波浪动画特效
html5跟随鼠标3D波浪粒子特效
jQuery鼠标点击烟花播放效果HTML5特效下载排行
-
2015-02-05
-
2015-02-05
-
2016-05-31
-
2015-03-08
-
2015-03-24
-
2015-02-05
-
2015-12-04
-
2017-03-24
最新文章
-
2017-03-24
-
2016-08-22
-
2016-08-22
-
2016-08-22
-
2016-08-02
-
2016-08-02
-
2016-05-31
-
2016-05-31
热门源码
