knob UI插件使用

编程技术  /  houtizong 发布于 3年前   130

图形是用canvas绘制的

js代码var paras = {max:800,min:100,skin:'tron',//button typethickness:.3,//button widthwidth:'200',//define canvas width.,canvas heightdisplayInput:'true',//value:200,input得默认值 不能再这里设置fgcolor:'#6391B2',//effective value that u can seebgcolor:'blue',  //bgcolor 'release':function(e){$('#img').animate({width:e,opacity:0.5},5000，callback);}//松开时的处理函数e为input的值

定义knob的方法  用json法
再用  $(绑定的input元素).knob(paras);
注意paras中的属性假如在input中定义时，要加上data-*

for exp

data-width="150" data-fgColor="green" data-bgColor="red" data-skin="tron" data-thickness=".3" data-min="200" data-max="600"