HTML5实战:回到顶部功能实现 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课讲解网站中回到顶部按钮的实现过程,目前网页的内容展示的越来越多,回到顶部的功能基本存在于各个网站中。我们通过基本的布局和JS完成点击回到顶部的功能。

    1.回到顶部功能实现-页面布局 00:06:24

    本课时讲解HTML5实例-回到顶部功能实现的页面布局,我们通过图片将网页撑开,并摆放回到顶部按钮以及确定其位置和鼠标划过事件的处理。

    2.回到顶部功能实现-添加JS实现效果 00:10:32

    本课时讲解HTML实例-回到顶部功能实现的具体实现方式,通过添加JS代码完成自动回到顶部的功能,并且添加一些特效。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5实战:回到顶部功能实现

2课时,17分钟2014-11-02
iwen
iwen

极客学院金牌布道师

课程背景:
随着网站的不断发展,需要展示的内容也越来越丰富,这导致网页上能展示的内容越来越多。当内容堆积影响了用户体验,就需考虑如何提升用户体验。在这一系列的改动中,回到顶部的功能成为了一个经典。


核心内容:
1.布局实现
2.回到顶部功能实现


开发环境:IDEA


是否提供源码:


课程等级:初级


适合人群:
具有一定HTML、CSS、JavaScript基础的开发者

  • 技术问答
  • 1

    回到顶部功能实现-页面布局

    06:24

    本课时讲解HTML5实例-回到顶部功能实现的页面布局,我们通过图片将网页撑开,并摆放回到顶部按钮以及确定其位置和鼠标划过事件的处理。

  • 2

    回到顶部功能实现-添加JS实现效果

    10:32

    本课时讲解HTML实例-回到顶部功能实现的具体实现方式,通过添加JS代码完成自动回到顶部的功能,并且添加一些特效。

相关课程