源码小哥哥 发表于 2018-12-26 19:08:50

js实现焦点图轮播特效视频课程



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

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

课程能学到什么？
您将能掌握非常实用的焦点图轮播特效的制作过程。

课程目录:
第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)
**** Hidden Message *****


sipkoy 发表于 2019-4-20 16:50:46

焦点轮播特效感觉很不错 谢谢楼主了

loveping 发表于 2020-1-14 11:39:29

啥也不说了，感谢楼主分享哇！

myxtl 发表于 2020-2-14 22:56:30

啥也不说了，感谢楼主分享哇！

15096183625 发表于 2020-3-28 10:26:49

啥也不说了，感谢楼主分享哇！

dushun 发表于 2020-7-19 12:20:03

么有分，谁能送我点积分啊::>_<::

2325627648 发表于 2020-8-6 02:06:49

李才哥 发表于 2021-1-1 23:14:54

啥也不说了，感谢楼主分享哇！

80lanren 发表于 2022-3-9 10:21:37

正需要，支持楼主大人了！

wjjnicholas 发表于 2023-2-17 23:14:27

666666666666666666666666666
页: [1] 2
查看完整版本: js实现焦点图轮播特效视频课程