jQuery演示三种不同的数字加减插件

本文将介绍常见的三种使用spinner数字插件来实现数字加减的效果。

淘建站为您提供更多_其它特效_jQuery插件_数字_bootstrap，在此特别感谢您对我们的支持与厚爱！

演示一：仿京东加减：

<input type="text" class="spinner"/>

$('.spinner').spinner();

演示二：Bootstrap风格，右侧加减

<div class="input-group spinner" data-trigger="spinner" id="spinner"> 
    <input type="text" class="form-control" value="1" data-max="10" data-min="1" data-step="1"> 
    <div class="input-group-addon"> 
        <a href="javascript:;" class="spin-up" data-spin="up"><i class="icon-sort-up"></i></a> 
        <a href="javascript:;" class="spin-down" data-spin="down"><i class="icon-sort-down"></i></a> 
    </div> 
</div>

jQuery ui风格，右侧加减

<input type="text" id="spinner"/>

$("#spinner").spinner({ 
    max:12, 
    min:0, 
    step:3 
})