1. 首页
  2. 编程语言
  3. Javascript
  4. JavaScript实现蛋糕商城静态页面功能详解

JavaScript实现蛋糕商城静态页面功能详解

上传者: 2023-11-14 18:05:21上传 ZIP文件 7.07MB 热度 11次

1.购物车功能:(1) 实现商品数量的动态增加和减少,同时修改相应商品的价格(单价乘以数量);(2) 选择商品时,订单总金额会相应更新,将选择的商品价格相加;(3) 删除商品时,系统会查找并删除相应商品节点;(4) 点击多选按钮可选择全部商品并计算商品总金额。2.首页轮播功能:(1) 使用JSON数据保存轮播信息;(2) 每隔3秒更新轮播图片和文本节点,同时更新下方小圆点。3.详情页轮播功能:(1) 利用JavaScript监听鼠标滑过事件;(2) 当鼠标滑过某图片时,显示该图片。4.响应式导航栏功能:(1) 利用window.onresize监听窗口大小变化;(2) 在窗口小于630px时,显示汉堡包菜单,点击按钮显示菜单。5.登录注册功能:(1) 点击登录(注册)按钮时,通过正则表达式验证输入格式,错误则提示相应错误信息。6.提示框功能:(1) 自定义提示框函数;(2) 在body标签末尾创建提示框节点;(3) 提供普通提示框(蓝色)、警告提示框(黄色)和错误提示框(红色);(4) 在3000秒后自动删除提示框节点。

下载地址
用户评论