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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
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基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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