jQuery实现的鼠标滚轮控制的圆形百分比进度条_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java
Knob demo Flattr this
data-width="75"
data-fgColor="#fff"
data-skin="tron"
data-displayPrevious=true
            
data-width="150"
data-fgColor="#fff"
data-skin="tron"
data-thickness=".2"
data-displayPrevious=true
            
data-width="150"
data-fgColor="#fff"
data-skin="tron"
data-thickness=".1"
            
data-width="100"
data-displayInput=false
            
data-width="200"
data-cursor=true
            
data-width="200"
data-min="-100"
data-cgColor="#A9EFFD"
data-displayPrevious=true
data-angleOffset="90"
            

Ticks

data-cursor=true
data-skin="tron"
data-ticks="8"
            

Readonly

data-thickness=".4"
data-fgColor="chartreuse"
data-readOnly=true
            

Knobify!

data-width="200"
            
data-width="50"
data-cursor=true
            

Infinite / iPod click wheel

data-width="150"
data-cursor=true
data-thickness=".5"
data-fgColor="#AAAAAA"
data-bgColor="#FFFFFF"
data-displayInput="false"
+ some code
                
0

代码整理:时代Java(NowJava.com) 

转载请注明出处,此代码仅供学习交流,请勿用于商业用途。

下载代码说明
X关闭

jQuery实现鼠标滚轮控制的10多种圆形百分比进度条效果

一个可以实用鼠标滚轮控制的圆盘进度效果,jquery实现,带有10多种演示效果。简单演示代码: [code] <script> $(function() { $(".dial").knob(); } </script> [/code] 设置: [code] <input type="text" class="dial