• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
张纯睿
博客园    首页    新随笔    联系   管理    订阅  订阅

jQuery插件之-Smart spin

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

posted @ 2012-07-04 15:24  张纯睿  阅读(259)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3