Banner 輪播組件示範

單張 Banner（無自動播放）

單張 Banner

這是唯一的一張 Banner，不會自動播放

兩張 Banner（自動播放）

<

>

Banner 1

兩張 Banner 會自動播放

Banner 2

支援手勢滑動切換

三張 Banner（左右預覽效果）

<

>

Banner 1

三張以上會顯示左右預覽效果

Banner 2

滑鼠懸停會暫停自動播放

Banner 3

支援循環播放

五張 Banner（完整輪播）

<

>

足球賽事

精彩賽事直播

籃球比賽

熱血對決

網球公開賽

頂尖選手對決

電競賽事

全球總決賽

棒球聯賽

季後賽開打

當前 Banner 索引: 0

自定義內容 Banner

自定義導航按鈕

◀

▶

Banner 1

三張以上會顯示左右預覽效果

Banner 2

滑鼠懸停會暫停自動播放

Banner 3

支援循環播放

不同高度設定

高度 200px

<

>

Banner 1

兩張 Banner 會自動播放

Banner 2

支援手勢滑動切換

高度 400px

<

>

Banner 1

兩張 Banner 會自動播放

Banner 2

支援手勢滑動切換

無指示器和導航按鈕

Banner 1

三張以上會顯示左右預覽效果

Banner 2

滑鼠懸停會暫停自動播放

Banner 3

支援循環播放

鍵盤導航測試

點擊 Banner 使其獲得焦點（會顯示藍色邊框），然後使用以下按鍵操作：

<

>

足球賽事

精彩賽事直播

籃球比賽

熱血對決

網球公開賽

頂尖選手對決

電競賽事

全球總決賽

棒球聯賽

季後賽開打