jQuery Spin Button
- 授权协议: 未知
- 开发语言:
- 操作系统: 未知
- 软件首页: http://plugins.jquery.com/project/spin-button
软件介绍
Overview
This plugin provides spin-button interface easily on your form.
This interface is very handy to set especially short or middle range numbers.
Usage
Simply call "spin" method.
$(document).ready(function(){
$('#number').spin();
});<input type="text" id="number" value="0" />You can specify the options with first argument.
$('#number').spin({max:100,min:0});Options
imageBasePath
You need to specify your spin-button surface images. When all your spin-related-images are on a same directory(I hope so), you can set your image path onto this parameter.
default value is "/img/spin/".
spinBtnImage/spinUpImage/spinDownImage
The names of spin button images.
default value is "spin-button.png", "spin-up.png" and "spin-down.png". (these files are included in spin-image.tar.gz)
interval
Add/subtract this value from current value, when users click spin button.
default value is 1.
max/min
The maximum/minimum value. Null means unlimited.
default value is null.
timeInterval
While users keep pressing mouse button on the spin-button, the value will be increasing. This value is the time interval of increasing.
default value is 500(milli seconds)
timeBlink
The time interval of blinking the spin button when increasing/decreasing the value.
default value is 200(milli seconds)
Notice
You can use decimal as well, however, we always face issue of the float number. I suggest you do not use decimal.
Information
This plugin is very handy using with jGlycy.
<input type="text" jg="spin" value="0" />
移动Web前端高效开发实战
iKcamp / 电子工业出版社 / 2017-9 / 89.00
移动互联网的兴起和快速普及，给前端开发人员带来了前所未有的新机遇。移动Web前端技术作为整个技术链条中重要的一环，却乱象丛生。《移动Web前端高效开发实战：HTML 5 + CSS 3 + JavaScript + Webpack + React Native + Vue.js + Node.js》是一本梳理移动前端和Native客户端技术体系的入门实战书。 《移动Web前端高效开发实战：HTML......一起来看看 《移动Web前端高效开发实战》 这本书的介绍吧!
