前端项目-尚优选【HTML/CSS/JS技术综合实战】
右侧商品上半部分详情介绍的布局搭建
收藏
取消收藏
下一节: 右侧商品上半部分详解介绍数据动态渲染
分享
登录
注册
下一节课程: 右侧商品上半部分详解介绍数据动态渲染
(1061次播放)
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技术综合实战】
3744人在看
初级
Node.js 教程
781人在看
初级
CSS3 教程
57501人在看
初级
Rust 教程
959人在看
初级
Vue 教程
1106人在看
初级
PostgreSQL 教程
1318人在看
初级
Git 教程
1230人在看
初级
Django 教程
112人在看
初级
Excel 教程
77人在看
初级
MySQL 教程
48人在看
初级
React 教程
66人在看
初级
SciPy 教程
697人在看
发表评论
最新
我要提问
最新
发布笔记
看过该课程的同学也在学
518992次播放
php8,我来也
Thinkphp6.0正式版视频教程
细说PHP第一季
TP6.0 搭建个人博客实战(玉女心经版)
简单聊聊PHP创业那点事
PHP实战天龙八部之仿爱奇艺电影网站
Web前端开发极速入门
PHP实战天龙八部之微信支付视频教程
php mysql实战:学生信息管理系统(玉女心经版)
笔记
X