jQuery Spin Button
发布时间：2014-06-15 编辑：jiaochengji.com
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()
OverviewThis plugin provides spin-button interface easily on your form.This interface is very handy to set especially short or middle range numbers.UsageSimply 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});OptionsimageBasePathYou 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/spinDownImageThe 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)intervalAdd/subtract this value from current value, when users click spin button.default value is 1.max/minThe maximum/minimum value. Null means unlimited.default value is null.timeIntervalWhile 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)timeBlinkThe time interval of blinking the spin button when increasing/decreasing the value.default value is 200(milli seconds) NoticeYou can use decimal as well, however, we always face issue of the float number. I suggest you do not use decimal. InformationThis plugin is very handy using with jGlycy.<input type="text" jg="spin" value="0" />
$('#number').spin();
});<input type="text" id="number" value="0" />You can specify the options with first argument.$('#number').spin({max:100,min:0});OptionsimageBasePathYou 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/spinDownImageThe 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)intervalAdd/subtract this value from current value, when users click spin button.default value is 1.max/minThe maximum/minimum value. Null means unlimited.default value is null.timeIntervalWhile 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)timeBlinkThe time interval of blinking the spin button when increasing/decreasing the value.default value is 200(milli seconds) NoticeYou can use decimal as well, however, we always face issue of the float number. I suggest you do not use decimal. InformationThis plugin is very handy using with jGlycy.<input type="text" jg="spin" value="0" />
您可能感兴趣的文章：
jQuery Spin Button
基于jQuery的Spin Button自定义文本框数值自增或自减
HTML5中pattern属性的用法详解
jQuery定时器插件 jQuery Timers
基于jQuery的简单九宫格实现代码
JQuery Cache
jquery隐藏标签和显示标签的实例
jquery隐藏标签、显示标签的例子
jquery hide与show方法隐藏与显示标签
细说 jQuery 事件篇（五） – 事件的移除和重绑定
[关闭]