JavaScript书店项目
JavaScript书店项目
JavaScript书店项目
代码链接在文章末尾
本项目实现了用户注册栏正则表达式验证;首页图书添加购物车功能;跳转图书明细页功能;背景音乐功能;购物车商品增加、减少、多选功能;购物车结算功能;随机生成星空背景图;
使用链入式导入JS代码;
使用JS新建、修改了DOM对象;
其中JS代码600行;
CSS代码770行
HTML代码760行
程序流程图
主页
- 在主页使用表格完成十本书籍布局
- 为每本书籍添加图片链接至介绍页
- 为每本书籍添加名称和购物车图片功能
- 为主页添加背景音乐
- 添加注册按钮
注册页
- 在注册页使用表格完成注册信息布局
- 设置覆盖整个网页的DOM对象以挡住主页
- 为注册信息添加正则表达式验证格式和提示信息
结算页
- 在结算页使用表格完成结算信息布局
- 为每本书籍添加多选框、书名、数量、金额信息
- 添加单本书籍数量增减功能,实时显示单个书籍总金额
- 实现结算已勾选书籍并显示收款码功能、清除并初始化功能
单本书籍页
- 显示书籍简介
- 为主页logo添加关闭本页面功能;
- 随机生成星空背景图
#代码预览
源代码链接:
链接:https://pan.baidu.com/s/1na6s2ggNhjWVCylm5tQ3XA
提取码:8888
复制这段内容后打开百度网盘手机App,操作更方便哦–来自百度网盘超级会员V3的分享
导入项目到HBuilder X,运行index.html即可
JavaScript书店项目相关推荐
- github流程图_10月份Github上最热门的JavaScript开源项目
开源最前线(ID:OpenSourceTop) 猿妹整编 转载请注明来源作者 10 月份 GitHub 上最热门的JavaScript开源项目排行已经出炉啦,在本月的名单中,有开源书籍.有开源课程等, ...
- react 开源项目_2020年2月Github上最热门的JavaScript开源项目
来自:开源最前线(ID:OpenSourceTop) 2月份GitHub上最热门的JavaScript开源项目排行已经出炉啦,一起来看看上榜详情: 1joplin https://github.co ...
- GitHub 十大顶级 JavaScript 开源项目
在本文中,我们将介绍GitHub上顶级的JavaScript开源项目. 作者 | Isha Jauhari 译者 | 弯月,责编 | 屠敏 出品 | CSDN(ID:CSDNnews) 以下为译文: ...
- JavaScript小项目之BMI值计算
项目题目: 实现BMI值计算器 项目作用: 复习JavaScript课程知识,学习DOM基础知识,熟悉document对象的使用,实现简单的BMI计算器页面. JavaScript小项目系列 前言 一 ...
- 3月份GitHub上最热门的JavaScript开源项目(下)
开源最前线(ID:OpenSourceTop) 猿妹整编 转载请注明来源作者 3月份GitHub上最热门的JavaScript开源项目新鲜出炉,web界面的JavaScript库Vue强势霸榜,Moz ...
- (javascript)vue项目打包后,写的覆盖element的样式无效了。这是什么原因?
问题: (javascript)vue项目打包后,写的覆盖element的样式无效了.这是什么原因?描述: 在开发模式模式下,写的覆盖样式都有效,打包后就无效,请问下是什么原因? main.js里的c ...
- java web网上书店_java web简易网上书店项目系列,使用MVC模式(servlet+jstl+dbutils),开篇...
一. 针对很多java web初学者入门困难的问题,笔者利用一个小型web项目,一步一步的展示java web开发方法,每一个章节引入一些java web开发的重点知识,让同学们可以将java web ...
- 视频教程-JavaScript+jQuery+项目实战系列视频教程-JavaScript
JavaScript+jQuery+项目实战系列视频教程 国内IT培训讲师,国内知名出版社IT作家.经验丰富,草根悍将.待人诚恳,从不摆架子,做事认真负责. 周知胜 ¥117.00 立即订阅 扫码下载 ...
- 从 JavaScript 明星项目看前端发展
目录 2016 2017 2018 2019 2016 虽然 2016 年出现了"JS 疲劳",也发生了戏剧性的事件(如 "leftpad 门"),但总体来讲 ...
最新文章
- java.util.date的格式_java.util.Date格式将yyyy-mm-dd转换为mm-dd-yyyy
- MySQL删除数据表(DORP TABLE语句)
- OpenCV cv :: UMat与DirectX10曲面的互操作性的实例(附完整代码)
- .NET 编码的基础知识
- vuex从安装到使用的教程
- 一个封装比较完整的FTP类——clsFTP
- (38)FPGA原语设计(BUFH)
- PostgreSQL条件表达式 case when then end
- 阿里云-对象存储 OSS > 开发指南 > 基本概念
- 点击编辑table变为可编辑状态
- PHP设计模式——工厂方法
- cmd命令行开启windows远程桌面服务
- ActiveMQ下载安装使用教程
- dcdc升压计算器excel_DC-DC电路计算器app下载|DC-DC电路计算器安卓版下载_v1.0.1_9ht安卓下载...
- 学习方法之03复述记忆法,让你不再死记硬背
- vvc代码阅读 encodeCtus()
- 创建API Signing Key
- 设计模式六大原则的理解与归纳
- epson彩色打印机加墨水_epson彩色喷墨打印机只打印黑色,彩色墨盒不用,怎么实现?...
- Java实现字数统计(中文英文韩文日文混合),类似word效果