【网页设计期末/课程设计】陶瓷网站(JavaScript/jQuery)

如对项目有任何问题或需要，请加本文下方推广QQ 

本文CSDN资源：https://download.csdn.net/download/weixin_47040861/89630617

---

1.题目要求

(一)具体要求
1．形式:网站（静态，无后台）。
2．主题:为某一类或某一种商品的介绍及售卖网站。3．题目:题目自拟，原创。
4．LOGO:设计原创。
5．结构:网站各栏目内容设计合理;必须含有首页（首页为一级页面);二级页面（指导航上的各栏目）不少于4个;三级页面不少于1个，总页面数不少于7个。
6．导航(菜单):导航为多级形式，并需用S或jQuery完成各种导航（菜单）的展开特效;并保证在网页中位置固定，始终存在
7．页面设计:页面布局合理、美观，协调设置网站主色调、页面中的图文搭配、及多媒体内容的插入等内容:其中需使用JS或jQuery完成适当的网页特效和交互设计等,如轮播广告、图片淡入淡出等效果;在页面设计中不得使用 Bootstrap框架及插件，如使用 Bootstrap框架整个期末考试内容按0分计。
8．表单设计:在注册页面完成表单验证。注册页有相应的注册成功页。注册页面不能单独作为栏目，且不计入三级页面个数内，且注册页为必写内容。
9．购物车:完成商品的采购，并产生订单。购物车中商品可实现删除。
10．链接:各页面跳转正确有效。
11．变量命名方式:JS和jQuery中所涉及到的脚本编程过程中如使用到变量，则变量的命名方式:“考生姓名首字母的缩写(大写)+字母、数字、下划线”，如考生姓名为陈洁，则其编程用到的变量名称为:“CJ_m1"，"CIml”、“CJI”等形式。如不按照要求进行变量的命名则脚本编程部分计为0分。

编程软件：

2.视频演示

【网页设计期末/课程设计】陶瓷网站(JavaScript/jQuery)

3.项目介绍

上方导航栏鼠标悬停时展开次级导航，其中“历史”、“发展”为二级导航，工艺为三级导航，鼠标悬停于“原料”和“成型”时展开三级导航

1.主页

通过左右箭头以及下方按钮控制轮播

 下方新闻鼠标悬停时变色

 

右下角鼠标悬停时按钮变色，点击下方购买按钮跳转到购物车页面：

 

2.购物车

点击“添加到购物车”按钮将对应商品添加到购物车，点击右下角购物车图标展开购物车：

点击右上角X关闭购物车，点击“总价”按钮统计当前购物车中所有商品的总价格，点击“删除商品”按钮删除对应商品

3.历史

静态页面，无互动

4.发展

静态页面，无互动

5.工艺

鼠标悬停时介绍框变色

6.展示

静态页面，无互动

7.登录

默认账号user，密码123，可以在文件“LoginPage.js”文件的第23行处修改：

点击下方“点击注册”文字切换到注册标签，点击“返回主页”文字返回主页

↓如对项目有任何问题或需要，请加下方QQ↓