用JS实现购物车特效

源码小哥哥 · 发表于 2018-12-21 15:57:25

本站资源全部免费,回复即可查看下载地址!

您需要登录才可以下载或查看，没有帐号？立即注册

x

课程简介：
我们大家平时都喜欢上淘宝买商品，里面的购物车是怎么实现呢？那么本课程您将会学到通过JavaScript实现类似与淘宝的购物车效果，包括商品的单选、全选、删除、修改数量、价格计算、数目计算、预览等功能的实现。

课程须知:
您需要掌握HTML语法，CSS布局基础，基本的JavaScript语法知识。

课程能学到什么？
1. 实现兼容低版本IE的getElementsByClassName()方法
2. JS表格操作
3. 通过parseInt()，parseFloat()把字符串转换成数字
4. 通过toFixed()把数字格式化成指定位数的小数
5. 事件代理的运用

课程目录:
第1章购物车功能介绍
介绍本案例中类似淘宝购物车的功能
1-1 JS实现购物车功能介绍 (03:18)
1-2 JS实现购物车特效布局讲解 (07:24)
第2章功能实现
通过javascript实现购物车中包括商品的单选、全选、删除、修改数量、价格计算、数目计算、预览等功能。
2-1 解决IE兼容性问题 (13:04)
2-2 商品的全选功能 (11:18)
2-4 商品预览浮层的原理讲解 (04:58)
2-5 商品预览浮层的功能实现 (10:35)
2-7 取消选择与事件代理 (12:52)
2-9 增减商品数量 (07:43)
2-10 小计价格计算 (15:15)
2-12 删除商品功能 (12:29)
第3章编程挑战
3-1 编程挑战

游客，如果您要查看本帖隐藏内容请回复

shine_letsgood · 发表于 2019-1-2 15:00:42

666666666666

shine_letsgood · 发表于 2019-1-2 15:01:06

666666666666

sipkoy · 发表于 2019-4-20 16:49:09

使用JS的特效给力非常不错谢谢啦

13712458061 · 发表于 2019-12-17 01:31:31

正需要，支持楼主大人了！

15096183625 · 发表于 2020-3-28 10:32:12

正需要，支持楼主大人了！

sqshine · 发表于 2020-3-28 10:52:48

啥也不说了，感谢楼主分享哇！

2325627648 · 发表于 2020-8-5 21:48:57

提示: 作者被禁止或删除内容自动屏蔽

李才哥 · 发表于 2021-1-1 23:11:22

啥也不说了，感谢楼主分享哇！

zyluckying · 发表于 2023-2-17 23:06:52

啥也不说了，感谢楼主分享哇！

		自动登录	找回密码
密码			立即注册

[@] 用JS实现购物车特效

本站资源全部免费,回复即可查看下载地址!

相关帖子