|
|
程序人生
| 课程方向: |
网页前端 |
| 课程类型: |
功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
课程简介：
本课程详细讲述使用原生JavaScript如何设计和实现Tooltip浮动提示框特效。并通过一步一步的代码实现和代码优化过程，不仅让您掌握特效的实现，还掌握解决问题的思路，了解诸如代码简化、事件绑定、事件冒泡等更多的JavaScript技巧和知识，提升编程兴趣和水平。
课程须知:
您至少具备HTML/CSS和JavaScript知识。
本课程能学到什么？
1.掌握DOM操作，创建和追加元素。
2.如何使用定时器方法。
3.鼠标事件、事件绑定、事件冒泡。
课程目录:
第1章 ToolTip特效介绍
通过ToolTip特效的介绍,让您清楚什么是ToolTip效果。
1-1 ToolTip特效介绍 (01:11)
第2章 ToolTip特效分析
通过 ToolTip特效分析，让您很清楚 ToolTip特效如何实现的。
2-1 ToolTip特效分析 (03:58)
2-2 练习题
第3章 ToolTip特效设计
讲解了制作ToolTip特效的知识点，及相关知识点的区别。
3-1 ToolTip特效设计 (06:48)
3-2 练习题
3-3 练习题
3-4 练习题
3-5 练习题
第4章 Tooltip浮动提示框实现
运用JavaScript技术实现Tooltip。
4-1 HTML/CSS静态布局 (05:59)
4-2 ToolTip提示框实现（一） (07:34)
4-3 ToolTip提示框实现（二） (08:03)
4-4 ToolTip提示框实现（三） (03:54)
第5章 优化代码
讲解通过简化代码、事件绑定、冒泡方法代码代码
5-1 优化代码 (11:01)
5-2 练习题
5-3 练习题
第6章 编程挑战
通过实践不断巩固所学知识与技能。
6-1 编程挑战
|
温馨提示：
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
|
发表于 2018-12-16 23:16:28
照妖镜
发表于 2019-1-4 21:09:03
