javascript 輪播廣告範例三則
- 說明： jQuery Cycle 2 plugin 運用 html 5 的技術有了很大的轉變，與第一代 jquery cycle 的架構大不相同，提供設計者更多彈性，也就有了更多的設計發想空間。特別運用部分技術，設計富有更多想像的視覺輪動效果。範例也儘可能地符合 WAI 及台灣政府無障礙網頁的相關規範。 Cycle 2 plugin 使用方法可參考教學及基本解説。
- 適合：想模仿範例自行製作者，須熟悉 html, css, jQuery 及 javascript 語法。
- 難度：
- 更新：
- 支援：jQuery 1.7 以後。
- 參考資源
-
- jQuery Cycle 2 plugin - 官網 (英文) 。
- jQuery Cycle 2 plugin - 基本解説 。
散佈、展示請參閱 Creative Commons 授權條文，禁止重混，引述請增加原文連結。
CSS selectors語法(CSS教學) (3)
輪播廣告設計 (一) ：含縮圖列
Cycle2 Slideshow 附縮圖列 (範例來源連結)
輪播廣告設計 (二) ：多組輪播同步循環
Cycle2 多組同步循環輪播片 (範例來源連結)
輪播廣告設計 (三) ：輪播中的輪播
Cycle2 輪播中的輪播片 (範例來源連結)