慕课网

慕课网数字资源数据库

慕课网数字资源数据库体验端

获取体验码

焦点图轮播特效制作视频教程-慕课网

慕课网数字资源数据库

精品课程焦点图轮播特效

焦点图轮播特效

简介：通过学习您可以理解图片轮播原理，还将讲解setTimeout()、setInterval()函数设置定时器与清除定时器clearInterval()函数，使用函数递归实现图片滑动切换，采用辅助图片实现图片无限滚动等编程技巧。

第1章焦点图轮播特效之原理

有思路，问题就变得简单！

视频： 1-1 原理介绍 (06:12)

第2章焦点图轮播之样式布局

讲解实现焦点图轮播特效的CSS样式

视频： 2-1 样式布局关键代码讲解 (02:57)

第3章焦点图轮播之箭头切换

学习如何通过JavaScript实现单击“箭头”按钮切换图片

视频： 3-1 箭头切换 (08:43)

第4章焦点图轮播之无限滚动

讲解通过JavaScript实现无限滚动的效果

视频： 4-1 无限滚动 (11:10)

第5章焦点图轮播之按钮切换

学习使用JavaScript实现按钮切换图片效果

视频： 5-1 按钮切换 (11:53)

第6章焦点图轮播之动画函数

讲解实现本效果的JavaScript动画函数

视频： 6-1 动画函数 (14:32)

第7章焦点图轮播之自动播放

通过setTimeout方法实现图片自动播放效果

视频： 7-1 自动播放 (06:10)

开始学习

课程须知: 您需要有HTML，CSS经验，能使用CSS制作静态页面，并对JS基础知识有一定的了解

老师告诉你能学到什么？: 您将能掌握非常实用的焦点图轮播特效的制作过程。

友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程