js :: 順序輪播－Leah's Life

spotlight_title

Sep 23 Fri 2011 12:12
js :: 順序輪播

簡單的順序輪播
應用範圍：部落格刊頭、圖片show...等

html 編輯為：

<img loading="lazy" class="rounditem" style="display:none;" src="https://imageproxy.pixnet.cc/imgproxy?url=%E5%9C%96%E7%89%87%E7%B6%B2%E5%9D%80" alt="" title=""> <img loading="lazy" class="rounditem" style="display:none;" src="https://imageproxy.pixnet.cc/imgproxy?url=%E5%9C%96%E7%89%87%E7%B6%B2%E5%9D%80" alt="" title=""> <img loading="lazy" class="rounditem" style="display:none;" src="https://imageproxy.pixnet.cc/imgproxy?url=%E5%9C%96%E7%89%87%E7%B6%B2%E5%9D%80" alt="" title=""> or <div class="rounditem">content</div> <div class="rounditem">content</div> <div class="rounditem">content</div>

會依照html先後順序去自動取得序列輪播
使用css美化定位即可，也可進階運用其餘html結合為想要的組合去輪播
class名稱可自定義

記得外插 jquery.min.js 文件