JavaScript实现回到顶部实例视频教程
课程简介:
回到顶部效果是目前大型网站不可缺少的一部分,也许你已经会用锚链接的方式来实现,是不是不满意呢?这里将重点分享用JavaScript技术来实现,不仅可以设定按钮出现的时机,还能实现对滚动条速度的控制,是不是很炫酷呀!
课程须知:
1.掌握HTML+CSS基础知识;2.了解JavaScript中onclick事件、简单dom操作、定时器等知识。
课程能学到什么?
1.掌握两种实现顶部效果的方法;
2.学会定时器、window.onscroll等知识
课程目录:
第1章 案例效果展示及锚链接
展示回到顶部效果的使用场景,并对锚链接的实现方式进行详细讲解。
1-1 案例效果展示及锚链接 (02:35)
第2章 案例实现中相关知识点讲解
对用JS方法实现回到顶部效果需要用到的DOM操作、事件运用及定时器等知识点进行讲解。
2-1 案例实现中相关知识点讲解 (02:42)
第3章 用HTML+CSS实现页面布局
用HTML和CSS对回到顶部效果中的主角——按钮,进行布局实现。
3-1 用HTML CSS实现页面布局 (07:07)
第4章 用JavaScript实现回到顶部效果
案例核心内容,不仅讲述具体怎么用JavaScript实现回到顶部效果,还会分享如何对效果“按钮”进行显示与隐藏。
4-1 用JavaScript实现回到顶部效果 (18:18)
4-2 用JavaScript实现“按钮”的显示与隐藏 (05:50)
**** Hidden Message *****
啥也不说了,感谢楼主分享哇! 6666666666666666666666666666 额,看不懂在说神马~@_@
页:
[1]