jQuery Spin Button imageBasePathspinBtnImage/spinUpImage/spinDownImageintervalmax/mintimeIntervaltimeBlink 介绍
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" />