程序人生
课程方向: |
网页前端 |
课程类型: |
功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
课程简介:
回到顶部效果是目前大型网站不可缺少的一部分,也许你已经会用锚链接的方式来实现,是不是不满意呢?这里将重点分享用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)
|
温馨提示:
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!