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 授權條文,禁止重混,引述請增加原文連結。
輪播廣告設計 (一) :含縮圖列
Cycle2 Slideshow 附縮圖列 (範例來源連結)
輪播廣告設計 (二) :多組輪播同步循環
Cycle2 多組同步循環輪播片 (範例來源連結)
輪播廣告設計 (三) :輪播中的輪播
Cycle2 輪播中的輪播片 (範例來源連結)