放大镜缩略图布局搭建效果 登录

下一节课程: 放大镜缩略图数据动态渲染 (289次播放)

5 秒后自动播放下一节
  重新观看
介绍 >

前端项目-尚优选【HTML/CSS/JS技术综合实战】

难度:初级 共39节 15226次学习

新课:PHP零基础(CMS开发)教学!

立即报名
章节 评论 笔记 课件
第1章 页面布局

项目简介

05分钟15秒

登录注册布局搭建

16分钟17秒

列表布局搭建

07分钟14秒

logo以及搜索框

07分钟14秒

商品分类导航布局

07分钟19秒

路径导航布局

07分钟33秒

路径导航数据动态渲染

14分钟49秒
第2章 放大镜效果

左侧放大镜布局搭建

13分钟27秒

放大镜鼠标移入移出效果

13分钟41秒

放大镜鼠标移动实现蒙版元素的拖拽效果

16分钟11秒

蒙版元素移动的边界控制

06分钟53秒

放大镜移动实现大图元素等比例移动效果

13分钟33秒

放大镜缩略图布局搭建效果

12分钟50秒

放大镜缩略图数据动态渲染

09分钟06秒

点击缩略图实现换小图以及大图效果

19分钟15秒

实现缩略图点击左右箭头的图片轮播效果原理分析

08分钟09秒

计算每一次图片移动的距离以及ul移动的距离

17分钟28秒
第3章 右侧商品

右侧商品上半部分详情介绍的布局搭建

24分钟04秒

右侧商品上半部分详解介绍数据动态渲染

15分钟00秒

右侧商品下半部分商品参数布局搭建

10分钟12秒

右侧商品下半部分商品参数数据动态渲染

17分钟04秒
第4章 商品参数

点击第一行商品参数的文字颜色排他效果

16分钟22秒

利用闭包函数来解决循环中事件里面的变量问题

18分钟28秒

实现选择结果的布局搭建

04分钟25秒

点击商品参数实现对应结果的动态添加

18分钟38秒

点击删除按钮实现删除对应参数数据

19分钟36秒

封装价格变动函数

17分钟32秒
第5章 中间左侧选项卡

购物车以及购买价格的布局搭建

08分钟57秒

中间左侧选项卡整体结构布局搭建

13分钟12秒

中间左侧选项卡具体内容布局搭建

10分钟05秒
第6章 中间右侧选项卡

中间右侧选择搭配的整体结构布局搭建

16分钟54秒

选择搭配中复选框选中状态的套餐价联动效果

15分钟57秒

中间右侧选项卡布局搭建

13分钟27秒
第7章 右侧导航栏

封装一个公共的选项卡函数并调用

18分钟38秒

右侧导航栏的上班部分搭建

09分钟56秒

右侧导航栏的中间布局搭建

15分钟39秒

右侧导航栏的点击切换状态实现

11分钟15秒

全部评论我要评论

暂无评论~

全部笔记发布笔记

暂无笔记~
  • 取消 回复 发送
  • 取消 发布笔记 发送
  • PHP中文网