前端项目-尚优选【HTML/CSS/JS技术综合实战】
放大镜缩略图数据动态渲染
收藏
取消收藏
下一节: 点击缩略图实现换小图以及大图效果
分享
登录
注册
下一节课程: 点击缩略图实现换小图以及大图效果
(181次播放)
5
秒后自动播放下一节
下一节
重新观看
ဆ
章节
笔记
提问
课件
反馈
捐赠
前端项目-尚优选【HTML/CSS/JS技术综合实战】
第1章 页面布局
1-1 项目简介
1-2 登录注册布局搭建
1-3 列表布局搭建
1-4 logo以及搜索框
1-5 商品分类导航布局
1-6 路径导航布局
1-7 路径导航数据动态渲染
第2章 放大镜效果
2-1 左侧放大镜布局搭建
2-2 放大镜鼠标移入移出效果
2-3 放大镜鼠标移动实现蒙版元素的拖拽效果
2-4 蒙版元素移动的边界控制
2-5 放大镜移动实现大图元素等比例移动效果
2-6 放大镜缩略图布局搭建效果
2-7 放大镜缩略图数据动态渲染
正在学
2-8 点击缩略图实现换小图以及大图效果
2-9 实现缩略图点击左右箭头的图片轮播效果原理分析
2-10 计算每一次图片移动的距离以及ul移动的距离
第3章 右侧商品
3-1 右侧商品上半部分详情介绍的布局搭建
3-2 右侧商品上半部分详解介绍数据动态渲染
3-3 右侧商品下半部分商品参数布局搭建
3-4 右侧商品下半部分商品参数数据动态渲染
第4章 商品参数
4-1 点击第一行商品参数的文字颜色排他效果
4-2 利用闭包函数来解决循环中事件里面的变量问题
4-3 实现选择结果的布局搭建
4-4 点击商品参数实现对应结果的动态添加
4-5 点击删除按钮实现删除对应参数数据
4-6 封装价格变动函数
第5章 中间左侧选项卡
5-1 购物车以及购买价格的布局搭建
5-2 中间左侧选项卡整体结构布局搭建
5-3 中间左侧选项卡具体内容布局搭建
第6章 中间右侧选项卡
6-1 中间右侧选择搭配的整体结构布局搭建
6-2 选择搭配中复选框选中状态的套餐价联动效果
6-3 中间右侧选项卡布局搭建
第7章 右侧导航栏
7-1 封装一个公共的选项卡函数并调用
7-2 右侧导航栏的上班部分搭建
7-3 右侧导航栏的中间布局搭建
7-4 右侧导航栏的点击切换状态实现
上一节
下一节
教程列表
获取帮助
手机观看
请教教师
推荐课程
评论
问答
笔记
课件下载
初级
前端项目-尚优选【HTML/CSS/JS技术综合实战】
1576人在看
初级
Git版本管理工具极速入门
4人在看
中级
Smarty3.0模板引擎使用指南
88人在看
初级
PHP开发基础_3字符串篇
37人在看
初级
PHP开发基础_1语法篇
141人在看
中级
TP5开发个人博客实战视频教程
30437人在看
中级
前端实战案例大全
21人在看
初级
前端UI框架 — layui
27人在看
中级
Web版文件管理系统
0人在看
发表评论
最新
我要提问
最新
发布笔记
看过该课程的同学也在学
464010次播放
2023,聊聊PHP创业那点事
[公益直播]PHP实战开发极速入门: PHP快速创建[小型商业论坛]
计算机网络知识集合
快速入门Node.JS全套完整版
JAVA 初级入门视频教程
小甲鱼零基础入门学习Python视频教程
零基础精通 PS 视频教程
开发微信小程序视频教程
最新Java完整视频教程
笔记
X