dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1449|回复: 10

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

[复制链接]

该用户从未签到

2970

主题

93

帖子

408

积分

会|员

Rank: 9Rank: 9Rank: 9

积分
408
发表于 2018-12-21 15:57:25 | 显示全部楼层 |阅读模式
程序人生
课程方向: 网页前端 
课程类型: 功能实现 

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

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

x
574677a00001581e06000338-240-135.jpg
课程简介:
我们大家平时都喜欢上淘宝买商品,里面的购物车是怎么实现呢?那么本课程您将会学到通过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 编程挑战

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

温馨提示:
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
回复

使用道具 举报

  • TA的每日心情
    无聊
    2023-3-2 18:16
  • 签到天数: 214 天

    [LV.7]常住居民III

    1

    主题

    472

    帖子

    1723

    积分

    终身会员[B]

    积分
    1723

    发表于 2019-1-2 15:00:42 | 显示全部楼层
    666666666666
  • TA的每日心情
    无聊
    2023-3-2 18:16
  • 签到天数: 214 天

    [LV.7]常住居民III

    1

    主题

    472

    帖子

    1723

    积分

    终身会员[B]

    积分
    1723

    发表于 2019-1-2 15:01:06 | 显示全部楼层
    666666666666
  • TA的每日心情
    慵懒
    2023-7-7 12:40
  • 签到天数: 240 天

    [LV.8]以坛为家I

    0

    主题

    3952

    帖子

    8731

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    8731

    发表于 2019-4-20 16:49:09 | 显示全部楼层
    使用JS的特效给力 非常不错 谢谢啦
  • TA的每日心情

    2022-5-4 23:30
  • 签到天数: 40 天

    [LV.5]常住居民I

    0

    主题

    164

    帖子

    475

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    475

    发表于 2019-12-17 01:31:31 | 显示全部楼层
    正需要,支持楼主大人了!
  • TA的每日心情
    奋斗
    2021-12-25 19:36
  • 签到天数: 48 天

    [LV.5]常住居民I

    0

    主题

    95

    帖子

    290

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    290

    发表于 2020-3-28 10:32:12 | 显示全部楼层
    正需要,支持楼主大人了!
  • TA的每日心情

    2020-6-30 08:40
  • 签到天数: 85 天

    [LV.6]常住居民II

    0

    主题

    3146

    帖子

    6531

    积分

    深不可测

    Rank: 9Rank: 9Rank: 9

    积分
    6531

    发表于 2020-3-28 10:52:48 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    开心
    2020-9-29 11:32
  • 签到天数: 81 天

    [LV.6]常住居民II

    0

    主题

    3783

    帖子

    7849

    积分

    禁止访问

    积分
    7849
    发表于 2020-8-5 21:48:57 | 显示全部楼层
    提示: 作者被禁止或删除 内容自动屏蔽
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    昨天 21:17
  • 签到天数: 1078 天

    [LV.10]以坛为家III

    1

    主题

    4183

    帖子

    1万

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    11287

    发表于 2021-1-1 23:11:22 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2024-3-11 17:55
  • 签到天数: 45 天

    [LV.5]常住居民I

    1

    主题

    73

    帖子

    335

    积分

    豁然贯通

    Rank: 4

    积分
    335

    发表于 2023-2-17 23:06:52 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-5-7 04:52 , Processed in 0.107858 second(s), 44 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表