做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery旋钮插件jquery.knob.js
来源:易助科技网浏览量:5收藏

简介

jquery.knob.js是一款非常棒的JQuery旋钮插件,应用灵活,体积小,功能强大。

 


注意事项:

1)1.2.12版本没有做向下兼容,之前1.2.0 中change在mousewheel事件执行的时候会有回调,1.2.12版本去掉了change事件的监听;

2)没有阻止冒泡事件,当拖动旋钮更新值的时候,如果放在可拖动模态框中,模态框会跟随拖动。

(下载的附件中附有DEMO)


使用

1.  引入 jquery.knob.js 文件


2.  HTML

<input type="text" value="75" class="dial">


3.  调用

<script>
$(function() {
$(".dial").knob();
});
</script>


相关链接

GitHub 地址 :https://github.com/aterrien/jQuery-Knob

在线演示 :http://www.jqueryfuns.com/resource/view/174