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" />
