carl2380

http://www.xiaoningmeng.com/2011/11/the-smart-spin-jquery-plugin/

已经下载到 “F:\工程硕士\电子书\12 脚本\JQuery插件\smartspin”

jQuery插件Smart spin是一个老外写的输入框数值选择插件,可以通过鼠标,滚轮,以及键盘来操作,可用于需要在一定取值范围内的数值类型的输入场合,减少用户键盘操作,提高下体验度。
先上个图看下:

Smart spin

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

分类:

技术点:

相关文章:

  • 2021-11-25
  • 2021-12-30
  • 2021-12-26
  • 2022-01-29
  • 2021-09-12
猜你喜欢
  • 2021-07-15
  • 2022-12-23
  • 2022-02-22
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案