JaneShop购物首页js代码
1、 实现综合项目中所描述的功能
案例背景分析：
构建一个购物网站，网站的用途是提供时尚服装，首饰和玩具等。此项目要实现网站的构建与交互。
⑴ 内容页界面设计，网站内容页基本分为以下几个部分
头部
内容
底部
⑵ 网站样式编写，编写内容页主体内容样式
2、运用本课程所学知识点和效果进行整合，完成页面交互特效
1) 产品图片放大镜效果
2) 产品图片遮罩层效果
3) 单击产品小图片切换大图
4) 产品属性介绍之类的选项卡
5) 右侧产品颜色切换
6) 右侧产品尺寸切换
7) 右侧产品数量和价格联动
8) 右侧给产品评分的效果
9) 右侧放入购物车
文件下载
资源详情
[{"title":"（ 61 个子文件 2.44MB ） JaneShop购物首页js代码","children":[{"title":"JaneShop","children":[{"title":"index.html <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false},{"title":"img","children":[{"title":"down.gif <span style='color:#111;'> 109B </span>","children":null,"spread":false},{"title":"up.gif <span style='color:#111;'> 108B </span>","children":null,"spread":false},{"title":"zoom.gif <span style='color:#111;'> 646B </span>","children":null,"spread":false},{"title":"upload","children":[{"title":"20120218.jpg <span style='color:#111;'> 10.76KB </span>","children":null,"spread":false},{"title":"20120217.jpg <span style='color:#111;'> 9.17KB </span>","children":null,"spread":false},{"title":"20120220.png <span style='color:#111;'> 25.76KB </span>","children":null,"spread":false},{"title":"20120219.png <span style='color:#111;'> 24.67KB </span>","children":null,"spread":false},{"title":"20120216.jpg <span style='color:#111;'> 9.93KB </span>","children":null,"spread":false}],"spread":true},{"title":"advertise.jpg <span style='color:#111;'> 13.84KB </span>","children":null,"spread":false},{"title":"headerbg.png <span style='color:#111;'> 1.16KB </span>","children":null,"spread":false},{"title":"look.gif <span style='color:#111;'> 673B </span>","children":null,"spread":false},{"title":"hot.gif <span style='color:#111;'> 915B </span>","children":null,"spread":false},{"title":"theme.gif <span style='color:#111;'> 2.25KB </span>","children":null,"spread":false},{"title":"star-matrix.gif <span style='color:#111;'> 5.00KB </span>","children":null,"spread":false},{"title":"logo.gif <span style='color:#111;'> 1.99KB </span>","children":null,"spread":false},{"title":"btn_cart.png <span style='color:#111;'> 1.31KB </span>","children":null,"spread":false},{"title":"zoomloader.gif <span style='color:#111;'> 1.81KB </span>","children":null,"spread":false},{"title":"loadingAnimation.gif <span style='color:#111;'> 5.75KB </span>","children":null,"spread":false},{"title":"common.jpg <span style='color:#111;'> 12.28KB </span>","children":null,"spread":false},{"title":"box.png <span style='color:#111;'> 7.57KB </span>","children":null,"spread":false},{"title":"adindex.gif <span style='color:#111;'> 46B </span>","children":null,"spread":false},{"title":"pro_img","children":[{"title":"blue_one.jpg <span style='color:#111;'> 3.04KB </span>","children":null,"spread":false},{"title":"blue_three.jpg <span style='color:#111;'> 1.72KB </span>","children":null,"spread":false},{"title":"yellow_two_big.jpg <span style='color:#111;'> 112.18KB </span>","children":null,"spread":false},{"title":"green_one_big.jpg <span style='color:#111;'> 147.38KB </span>","children":null,"spread":false},{"title":"yellow_two_small.jpg <span style='color:#111;'> 77.52KB </span>","children":null,"spread":false},{"title":"green_one.jpg <span style='color:#111;'> 2.75KB </span>","children":null,"spread":false},{"title":"green_three_small.jpg <span style='color:#111;'> 75.48KB </span>","children":null,"spread":false},{"title":"blue_two_small.jpg <span style='color:#111;'> 66.03KB </span>","children":null,"spread":false},{"title":"green.jpg <span style='color:#111;'> 1.11KB </span>","children":null,"spread":false},{"title":"green_one_small.jpg <span style='color:#111;'> 47.39KB </span>","children":null,"spread":false},{"title":"blue_two.jpg <span style='color:#111;'> 2.43KB </span>","children":null,"spread":false},{"title":"blue_three_big.jpg <span style='color:#111;'> 142.23KB </span>","children":null,"spread":false},{"title":"yellow_one_big.jpg <span style='color:#111;'> 214.90KB </span>","children":null,"spread":false},{"title":"yellow.jpg <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":"yellow_three.jpg <span style='color:#111;'> 3.48KB </span>","children":null,"spread":false},{"title":"blue_one_small.jpg <span style='color:#111;'> 49.23KB </span>","children":null,"spread":false},{"title":"yellow_two.jpg <span style='color:#111;'> 3.66KB </span>","children":null,"spread":false},{"title":"blue_two_big.jpg <span style='color:#111;'> 135.91KB </span>","children":null,"spread":false},{"title":"yellow_one.jpg <span style='color:#111;'> 3.44KB </span>","children":null,"spread":false},{"title":"yellow_three_small.jpg <span style='color:#111;'> 78.33KB </span>","children":null,"spread":false},{"title":"blue_one_big.jpg <span style='color:#111;'> 150.13KB </span>","children":null,"spread":false},{"title":"green_two_small.jpg <span style='color:#111;'> 75.48KB </span>","children":null,"spread":false},{"title":"yellow_three_big.jpg <span style='color:#111;'> 110.06KB </span>","children":null,"spread":false},{"title":"blue.jpg <span style='color:#111;'> 1.21KB </span>","children":null,"spread":false},{"title":"green_three.jpg <span style='color:#111;'> 2.51KB </span>","children":null,"spread":false},{"title":"green_two_big.jpg <span style='color:#111;'> 159.22KB </span>","children":null,"spread":false},{"title":"green_two.jpg <span style='color:#111;'> 2.51KB </span>","children":null,"spread":false},{"title":"blue_three_small.jpg <span style='color:#111;'> 76.22KB </span>","children":null,"spread":false},{"title":"green_three_big.jpg <span style='color:#111;'> 159.22KB </span>","children":null,"spread":false},{"title":"yellow_one_small.jpg <span style='color:#111;'> 57.14KB </span>","children":null,"spread":false}],"spread":false},{"title":"ads","children":[{"title":"2.jpg <span style='color:#111;'> 59.51KB </span>","children":null,"spread":false},{"title":"1.jpg <span style='color:#111;'> 160.36KB </span>","children":null,"spread":false},{"title":"4.jpg <span style='color:#111;'> 40.45KB </span>","children":null,"spread":false},{"title":"5.jpg <span style='color:#111;'> 46.61KB </span>","children":null,"spread":false},{"title":"3.jpg <span style='color:#111;'> 121.90KB </span>","children":null,"spread":false}],"spread":false},{"title":"zoomlens.gif <span style='color:#111;'> 102B </span>","children":null,"spread":false},{"title":"chos.gif <span style='color:#111;'> 46B </span>","children":null,"spread":false}],"spread":false},{"title":"shop.js <span style='color:#111;'> 4.88KB </span>","children":null,"spread":false},{"title":"shop.css <span style='color:#111;'> 4.96KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]
评论信息
其他资源
- 并联供电系统程序.zip
- C++实现的向量运算
- Processing艺术编程语言合集
- PKCS #12 中文版
- 【063期】统计检验中的边缘显著及其转化处理.docx
- 线性代数答案第五版 最新版
- Socket服务端客户端以tcp/ip协议发送接收报文
- ARM-Linux移植MT7601U USB无线网卡
- libtiff-4.0.9完整版已编译（最新版2018）
- javascript网页特效生成器 跑马灯,变换背景 文字特效 日期和时间 窗口特效 其他特效.zip
- “Azure 基础知识”学习路径 .docx
- MOEAD算法代码实现
- oracle数据清理.sql
- 维吾尔人名字翻译工具
- HTML5RPG游戏学习源码
- POMDP研究文献综述
- 类似于病毒的C语言自我复制程序
- PIC C18编译器
- 电力电子MATLAB/Simulink仿真程序
- tcpip筛选添加端口批处理.rar
- Hands-On System Programming with C++17
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明