jQuery插件之-Smart spin
http://www.xiaoningmeng.com/2011/11/the-smart-spin-jquery-plugin/
已经下载到 “F:\工程硕士\电子书\12 脚本\JQuery插件\smartspin”
jQuery插件Smart spin是一个老外写的输入框数值选择插件,可以通过鼠标,滚轮,以及键盘来操作,可用于需要在一定取值范围内的数值类型的输入场合,减少用户键盘操作,提高下体验度。
先上个图看下:
插件效果就是这么简单,不过还是挺实用的,个人在最新版的chrome和IE6下测试过,表现正常。
插件使用需要3个文件
建议使用的时候将JS文件放在页面底部,理由不用多说了吧。
插件所有参数如下:
min: 最小值 max: 最大值 stepInc: 每次的小增量值 pageInc: 每次的大增量 (用于page up 和page down两个键) mask: 焦点离开时输入框显示的内容 initValue: 初始化和重置时的初始值 width: 整体宽度 height: 整体高度 btnWidth: 按钮宽度 callback: 回调函数
使用方法,首先输入框添加smartspinner样式
然后
%MINIFYHTML4263ce87dcbd7a156bda6812eff8124c10%
然后就没然后了。
DEMO:查看 smartspin demo
本地下载:smartspin