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}]
评论信息
其他资源
- hfss仿真的微带天线阵列 2.4G
- 动网格入门专题udf
- 世界各国国界、河流、城市、道路、保护区等shp数据；也可通过matlab画，附带matlab程序。
- pso算法路径规划
- SG滤波处理代码
- ORB特征点提取
- GeekOS Project2完整文件
- 分享一个php+sql注册登录模板
- labview 控件绑定到datasocket.vi 实例
- ACP认证考试-知识要点
- CSS代码生成器 一个可以生成CSS代码的工具.非常方便.zip
- 区块链行业点评：政策持续助攻、比特币期权上市，本周利好多多-20200120-国盛证券-10页.pdf
- CEN/TS 17287:2019 Requirements and test methods for electronic cigarette devices
- avator.zip
- 宾馆客房管理系统
- 算法分析论文
- 泊松过程模拟
- 步进电动机伺服控制技术
- 传智播客 韩忠康 Mysql PPT.ppt
- OpenGL三维图形系统开发与实用技术．基础编程篇
- NGUI 3.12.1
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明