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

焦点图轮播特效

学习人数
难度级别 中级
课程时长 1小时 1分
综合评分 9.7
191人评价 去评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰

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

第1章 焦点图轮播特效之原理
有思路,问题就变得简单!

第2章 焦点图轮播之样式布局
讲解实现焦点图轮播特效的CSS样式

第3章 焦点图轮播之箭头切换
学习如何通过JavaScript实现单击“箭头”按钮切换图片

第4章 焦点图轮播之无限滚动
讲解通过JavaScript实现无限滚动的效果

第5章 焦点图轮播之按钮切换
学习使用JavaScript实现按钮切换图片效果

第6章 焦点图轮播之动画函数
讲解实现本效果的JavaScript动画函数

第7章 焦点图轮播之自动播放
通过setTimeout方法实现图片自动播放效果

讲师提示

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