dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 17694|回复: 6

[@] JavaScript实现回到顶部实例视频教程

[复制链接]

2970

主题

93

帖子

408

积分

会|员

Rank: 9Rank: 9Rank: 9

积分
408
发表于 2018-12-21 15:59:25 | 显示全部楼层 |阅读模式
程序人生
课程方向: 网页前端 
课程类型: 功能实现 

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
574672e300010a5d06000338-240-135.jpg

课程简介:
回到顶部效果是目前大型网站不可缺少的一部分,也许你已经会用锚链接的方式来实现,是不是不满意呢?这里将重点分享用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)

游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

0

主题

3783

帖子

7849

积分

禁止访问

积分
7849
发表于 2020-8-5 21:49:54 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

1

主题

5403

帖子

1万

积分

超凡入圣

Rank: 10Rank: 10Rank: 10

积分
15744

发表于 2021-1-1 23:12:15 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

117

主题

2515

帖子

1万

积分

超凡入圣

Rank: 10Rank: 10Rank: 10

积分
13432

发表于 2023-2-17 23:16:25 | 显示全部楼层
6666666666666666666666666666
回复 支持 反对

使用道具 举报

0

主题

534

帖子

1356

积分

一代宗师

Rank: 7Rank: 7Rank: 7

积分
1356

发表于 2023-2-22 00:57:26 | 显示全部楼层
额,看不懂在说神马~@_@
回复 支持 反对

使用道具 举报

0

主题

1608

帖子

3414

积分

傲视群雄

Rank: 8Rank: 8

积分
3414

发表于 2026-3-9 11:58:28 | 显示全部楼层
谢谢楼主,共同发展
回复 支持 反对

使用道具 举报

29

主题

6811

帖子

1万

积分

超凡入圣

Rank: 10Rank: 10Rank: 10

积分
15497

发表于 2026-6-28 11:25:06 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|dmz社区

GMT+8, 2026-7-29 18:22 , Processed in 0.046143 second(s), 11 queries , Redis On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表