web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置:
首页
>
网页特效
>
进度条
html5+jquery通过鼠标控制的圆形进度条
分类:
进度条
日期:
2024-05-14
点击(1)
评论(0)
演 示
免费下载
简介
jQuery Knob的特点: - 没有使用任何图片。 - 能以多种方式实现进度条动画:鼠标点击、滚动和通过键盘来控制。 - 能够向下兼容,重载input控件 基本调用方式: ```html
``` 带参数调用: 可以为input提供data-option属性。 ```html
``` 或者在knob()对象中设置属性。 ```html $(".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"
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告