基本介紹
- 中文名：焦點圖輪播特效
- 類別：慕課
- 授課教師：阿安
- 時長：1小時1分
課程簡介,課程大綱,
課程簡介
該課程講解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)
