好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

jquery konb

jQuery Konb是一个基于jQuery的插件,它可以用来创建一个旋转的控制杆,并且可以在网页上进行拖拽操作。Konb插件可以轻松地应用于表单中,创建一个用户友好的控件,例如音量、亮度、温度等调整器。

// 引入Konb插件  // 创建一个Konb控制杆
$("input[type='text']").knob({
'min': 0,
'max': 100,
'step': 1,
'angleOffset': -125,
'angleArc': 250,
'width': 100,
'height': 100,
'fgColor': '#2ecc71',
'bgColor': '#ecf0f1',
'displayInput': true,
'cursor': true,
'thickness': 0.35,
'readOnly': false,
// 控制杆数值改变时回调函数
'change': function (value) {
console.log("当前值为:" + value);
}
});

代码中,首先需要引入Konb插件的JS文件,然后可以通过jQuery选择器获取到对应的HTML标签,使用knob()方法创建Konb控制杆,并且可以设置控制杆的一些属性,例如最大值、最小值、步长、角度偏移量、控制杆的宽度、高度、前景色、背景色,以及是否显示控制杆的数值等等。在控制杆数值改变时,还可以设置回调函数,以便在数值改变后执行一些操作。

总之,使用Konb插件可以轻松地创建一个用户友好的控件,为网站带来更好的用户体验,并且可操作性也得到大大提升。

查看更多关于jquery konb的详细内容...

  阅读:19次

上一篇: jquery js语句

下一篇:jquery keyup延迟事件