This plugin provides spin-button interface easily on your form.
This interface is very handy to set especially short or middle range numbers.
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});
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/".
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)
Add/subtract this value from current value, when users click spin button.
default value is 1.
The maximum/minimum value. Null means unlimited.
default value is null.
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)
The time interval of blinking the spin button when increasing/decreasing the value.
default value is 200(milli seconds)
You can use decimal as well, however, we always face issue of the float number. I suggest you do not use decimal.
This plugin is very handy using with jGlycy.
<input type="text" jg="spin" value="0" />
/** * jquery.spin-button * (c) 2008 Semooh (http://semooh.jp/) * * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * **/ (function($){ $.fn.ex
jQuery插件jQuery Spin Button自定义文本框数值自增或自减 有时候在设计表单时需要对文本框实现数值自增或自减功能,例如默认为1,点击向上按钮键则增加指定步长值,点击向下按钮键则减少指定步长值,使用jQuery插件jQuery Spin Button只需要几行代码就可实现该功能,…… jQuery插件JQuery Pager分页器实现javascript分页
Quick features These features can practically be used like so. Alerts Elegant Alerts. Confirmation Stacked Confirmations Act like Prompt Need input? Background dismiss Not so important modal Using as