标题:贵美商城
页面数:7个(主页、详情页、登录、登录成功、注册、注册成功、帮助中心),在效果图文件夹中有对应页面显示效果。
时间:3周(6月10号,周一下午2:30前由学习委员统一提交,过期不侯)
分组方式:1人/组
要求:
一.页面要求
1.主页
a.页面效果如:效果图/主页.png所示
b.当上下滑动页面,两侧悬浮广告能够继续悬停在页面两侧的同一位置而不消失。
c.中间能实现广告轮播,每3秒切换一次广告图片
d.点击导航栏中首页、家用电器、手机数码、日用百货、书籍,页面依旧停留在主页,点击帮助中心、免费开店、全球资讯页面则跳转到帮助中心页面。
e.点击右上角登录则进入登录页面,点击注册则进入注册页面
f.点击疯狂抢购栏中任意一项则进入商品详情页
2.详情页
a.页面效果如:效果图/商品详情.png所示
b.当鼠标悬停在图片展示部分的小图上时,将展示区域显示为对应的大图片。
3.登录
a.页面效果如:效果图/登录.png所示
b.账号和密码按要求输入,格式不正确则按要求进行提示,且不发生跳转;如果格式正确,则跳转到登录成功界面。
4.注册
a.页面效果如:效果图/登录.png所示
b.按要求输入,任意一项输入不满足格式要求,则给出相应提示且不发生跳转,其中名字与姓氏必须与自己的真实姓名进行比较;如果所有项输入正确,则跳转到注册成功页面。
5.帮助中心
a.页面效果如:效果图/帮助中心.png所示
b.当鼠标在页面左边模块移动时,鼠标悬浮在某模块上,则该模块的子项出现,鼠标移开,则收起该模块子项。
二.提交要求:
1.整个项目放在同一文件夹中(以姓名_学号的方式命名),不要压缩,图片资源、js代码、css代码必须分开打包。
2.代码要求格式清晰,html、css、js要分开编写。