jQuery实现购物车数字加减效果
来源:互联网 发布:mac无u盘安装win7 编辑:程序博客网 时间:2024/05/28 20:20
jQuery实现购物车数字加减效果
html
<div class="gw_num"><em class="jian">-</em><input type="text" value="1" class="num"/><em class="add">+</em></div>
CSS
.gw_num{border: 1px solid #dbdbdb;width: 110px;line-height: 26px;overflow: hidden;}.gw_num em{display: block;height: 26px;width: 26px;float: left;color: #7A7979;border-right: 1px solid #dbdbdb;text-align: center;cursor: pointer;}.gw_num .num{display: block;float: left;text-align: center;width: 52px;font-style: normal;font-size: 14px;line-height: 24px;border: 0;}.gw_num em.add{float: right;border-right: 0;border-left: 1px solid #dbdbdb;}
Jquery
$(document).ready(function(){//加的效果$(".add").click(function(){var n=$(this).prev().val();var num=parseInt(n)+1;if(num==0){ return;}$(this).prev().val(num);});//减的效果$(".jian").click(function(){var n=$(this).next().val();var num=parseInt(n)-1;if(num==0){ return}$(this).next().val(num);});})
下载地址:这里写链接内容
0 0
- jQuery实现购物车数字加减效果
- 购物车实现加减
- 购物车数字加减按钮
- 仿购物车加减数字
- js--购物车加减效果
- jquery购物车数量加减
- jquery购物车数量加减
- jquery购物车数量加减
- jQuery实现购物车物品数量的加减
- jQuery实现购物车物品数量的加减
- jQuery实现购物车物品数量的加减
- JQuery实现购物车数量加减总价累加
- javascript实现购物车加减
- jquery实现购物车飞入效果
- jQuery实现动态购物车效果
- ajax实现购物车中的加减
- Android实现购物车加减器控件
- 购物车加减的简单实现
- C函数形参列表与汇编寄存器的对应关系
- UVA 1995 I can guess the structer
- POJ 2259Team Queue
- hibernate搭建环境及单表映射实例
- ELK学习1:搭建
- jQuery实现购物车数字加减效果
- Linux进程间通信 -1使用信号
- 自定义Drawble
- HDU1873 看病要排队
- Android NDK生成及连接静态库与动态库
- LeetCode 22. Generate Parentheses 解题报告
- OpenCV-Python[第二章]——图像初步
- 链表操作类
- 代理模式