javascript 輪播廣告範例三則

  • 說明: jQuery Cycle 2 plugin 運用 html 5 的技術有了很大的轉變,與第一代 jquery cycle 的架構大不相同,提供設計者更多彈性,也就有了更多的設計發想空間。特別運用部分技術,設計富有更多想像的視覺輪動效果。範例也儘可能地符合 WAI 及台灣政府無障礙網頁的相關規範。 Cycle 2 plugin 使用方法可參考教學及基本解説
  • 適合:想模仿範例自行製作者,須熟悉 html, css, jQueryjavascript 語法。
  • 難度:等級1
  • 更新:
  • 支援:jQuery 1.7 以後。

輪播廣告設計 (一) :含縮圖列

Cycle2 Slideshow 附縮圖列 (範例來源連結)

輪播廣告設計 (二) :多組輪播同步循環

Cycle2 多組同步循環輪播片 (範例來源連結)

輪播廣告設計 (三) :輪播中的輪播

Cycle2 輪播中的輪播片 (範例來源連結)

參考資源
散佈、展示請參閱 Creative Commons 授權條文,禁止重混,引述請增加原文連結。
文章標籤

不惑仔 發表在 痞客邦 PIXNET 留言(0) 人氣()