1.页面和布局
导航栏
头图
报名表单
页面主要内容
页脚
2.报名表单
二级级联选择菜单
3.“课程安排”选项卡
tab切换栏
1.imgages - 图片资源目录 2.index.html - 主页 3.README.md - 介绍文档 4.select.js - 封装的二级级联选择菜单 5.style.css - 页面CSS文件 6.tab.js - 选项卡切换相关
1.导航栏 2.报名表单(详见 index.html报名表单部分和 select.js) 3.我们的宗旨部分 盒子模型浮动实现 4.课程安排 ‘tab栏选项卡切换’ 通过循环绑定点击事件和 排他**实现(详见index.html 3.course部分 和 tab.js) 5.页脚部分
- 兼容性:由于使用原生JS实现,未做兼容性处理。
- 移动端:未做移动端的适配.
- 选项卡切换栏部分,存在切换后页面又回到顶部的问题,后续需要再优化,因时间和能力问题提交的作业暂未优化。
- 没有实现表单验证功能 当用户邮箱格式输入错误时,出现报名失败及格式输入错的的提示框
- 进入页面 出现加载满的问题(背景图片) 后期可以修改加载动画