文字滾動增加注目「跑馬燈」

• 動態文字能迅速抓住觀眾目光,特別適合用來強調限時訊息或行銷活動

• 可以在有限空間內持續輪播訊息,避免畫面擁擠,同時保持內容流動感

限時的活動、緊急的事件、商品廣告等,都能以「跑馬燈」的方式顯示




✎ 重點拆解:



一、「跑馬燈設定」設定路徑

二、「跑馬燈設」的設定步驟

三、「跑馬燈設定」FAQ



一、「跑馬燈設定」設定路徑


設定路徑:擴充 > 跑馬燈設定。




、「跑馬燈設定」設定步驟


① 點擊「+新增訊息」,設定「跑馬燈」要顯示的文字訊息。


☞ 馬燈文字    文字限制,最多 80 中文字。

☞ 連結     設定點擊跑馬燈訊息時,想要連結到的網址;或由下方選擇「商品分類連結」商品或「最新消息連結」若無請留空。




 設定「跑馬燈設定」訊息的「顯示位置」。

*「跑馬燈」運算高消耗瀏覽器資源,請限定每個版面(Layout)只能出現一個「跑馬燈」區塊。




、「跑馬燈設定」FAQ


Q1. 遇到跑馬燈無法置頂。


A1. 因為設定了「擴充 > 幻燈片滑塊橫幅」的「彈性滿版」。

「彈性滿版」會強制banner置頂。



關掉「彈性滿版」改設定為「預設尺寸」,並到「設定 > LOGO/導覽列/配色/背景 > 版面 > 首頁左右 > 滿版首頁100%。



以上設定完,跑馬燈設定的排序,才有效。




Q2. 如何調整跑馬燈前台顯示的速度。


Q2. 後台設定路徑:版面 > 自訂JS 全站程式碼 , 並參考這篇語法設定:  調整跑馬燈速度