- 时间:2021-01-06 08:32 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:基于jQuery的Spin Button自定义文本框数值自增或自减
有时候在设计表单时需要对文本框实现数值自增或自减功能,例如默认为1,点击向上按钮键则增加指定步长值,点击向下按钮键则减少指定步长值,使用jQuery插件jQuery Spin Button只需要几行代码就可实现该功能,效果如下图
[img]http://files.jb51.net/upload/201007/20100717115649778.jpg[/img]
[b]使用说明[/b]
一,需要使用jQuery库文件和[url=http://www.1sucai.cn/jiaoben/28486.html]jQuery Spin Button[/url]库文件(目前版本1.1.1)
素材准备
上下按钮图片,默认路径为:/img/spin/,上下按钮图片命名为:spin-button.png,可进行自定义修改
实例代码
一,包含文件部分
[url=http://demo.jb51.net/js/jquery-spin/index.html]http://demo.jb51.net/js/jquery-spin/index.html[/url]