本文将介绍常见的三种使用spinner数字插件来实现数字加减的效果。
演示一:仿京东加减:
<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
})
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791