为了账号安全,请及时绑定邮箱和手机立即绑定

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.7
240人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
简介:通过学习您可以理解图片轮播原理,还将讲解setTimeout()、setInterval()函数设置定时器与清除定时器clearInterval()函数,使用函数递归实现图片滑动切换,采用辅助图片实现图片无限滚动等编程技巧。

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

有思路,问题就变得简单!

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

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

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

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

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

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

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

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

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

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

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

通过setTimeout方法实现图片自动播放效果
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。
意见反馈 常见问题 APP下载
官方微信