慕课网首页
免费课
实战课
体系课
发现
教程
专栏
手记
评价
商业合作
企业服务
讲师入驻
搜索
热搜
最近搜索
清空
0
登录
/
注册
新人专属
元礼包
| 查看
为了账号安全,请及时绑定邮箱和手机
立即绑定
首页
免费课
JS实现京东无延迟菜单效果
JS实现京东无延迟菜单效果
呵呵SN
JS工程师
难度
初级
时长
48分
学习人数
综合评分
9.33
85人评价
查看评价
9.7
内容实用
9.2
简洁易懂
9.1
逻辑清晰
收藏
章节
473
问答
笔记
85
评价
WIKI
简介:通过模仿京东商城的无延迟菜单效果,学习到菜单的结构和样式处理,菜单常见交互如何开发,介绍了普通二级菜单的问题,并通过逐步优化去解决该问题。
第1章 课程介绍
对课程进行介绍
视频:
1-1 课程介绍 (02:29)
开始学习
第2章 菜单的样式和结构
通过html和css实现菜单的基本样式和结构
视频:
2-1 实现菜单基本结构和样式 (15:55)
开始学习
第3章 用jquery api实现菜单的交互效果
实现菜单的基本交互,介绍常见菜单的交互问题
视频:
3-1 实现菜单的基本交互 (08:58)
开始学习
第4章 功能优化
用setTimeout方式避免交互问题,引入去抖的概念
视频:
4-1 利用延迟和去抖技术进行优化 (04:35)
开始学习
视频:
4-2 基于用户行为预测的切换技术 (15:53)
开始学习
开始学习
课程须知
1、基本的HTML,CSS和JS语法 2、JQuery的常用API
老师告诉你能学到什么?
1、如何写菜单结构 2、如何写菜单样式 3、如何实现菜单交互 4、如何优化菜单交互 5、如何实现无延迟切换
微信扫码,参与3人拼团
意见反馈
分销返利
帮助中心
APP下载
官方微信
返回顶部
友情提示:
您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!
查看已购买的课程