jQuery数量增减插件jquery.spinner.js

一款jQuery数量增减插件jquery.spinner.js，点击加号可以增加数量，点击减号可以减少数量，每一次点击的动作都有相应的数量同步变化。

分类：其它特效 > jQuery插件难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入插件CSS样式文件、jQuery库和增减插件，代码如下：

<link type="text/css" rel="stylesheet" href="css/jquery.spinner.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.spinner.js"></script>
<style type="text/css">
body{margin:20px;}
.spinnerExample{margin:10px 0;}
</style>

页面的body部分，设置好多个演示增减的input标签，代码如下：

<center>
	<input type="text" class="spinnerExample"/>
	<br/>
	<input type="text" class="spinnerExample"/>
	<br/>
	<input type="text" class="spinnerExample"/>
</center>

页面的底部，启用插件即可，代码如下：

<script type="text/javascript">
$('.spinnerExample').spinner({});
</script>