❶步驟一：


第一段程式碼


請貼到HEAD內程式碼

----------------------------------------------------------------

<!-- 跑馬燈 -->

<style>

.marquee-container {

    width: 100%;

    overflow: hidden; 

    white-space: nowrap; 

}


.marquee-text {

    display: inline-block;

    padding-left: 100%;

    animation: marquee 10s linear infinite;

}


@keyframes marquee {

    0% { transform: translate(0, 0); }

    100% { transform: translate(-100%, 0); }

}

</style>

<!-- 跑馬燈結束 -->

----------------------------------------------------------------








❷步驟二：回到智邦輕鬆架站-自訂程式碼，將程式碼貼上並儲存。



第二段程式碼貼MENU下方程式碼

----------------------------------------------------------------

<!-- 跑馬燈 -->

<div class="marquee-container">

    <div class="marquee-text">這是一段跑馬燈文字，使用 CSS 製作。</div>

</div>

<!-- 跑馬燈結束 -->

----------------------------------------------------------------







❸步驟三：回到"設定及預覽"項目，確定啓用"自訂程式碼"，按"網站預覽"


     首頁 > 網站優化及安全  > 自訂程式碼設定



❹步驟四：按"建立網站




❺步驟五：等待自動更新完成100%




❻步驟六：已完成。到網站首頁，即可看到跑馬燈





方向設定：direction="參數值"；可設定 up（向上）、dun（向下）、left（向左）、right（向右）。

對齊設定：align="參數值"；可設定 top（向上對齊）、midden（垂直至中）、botton（向下對齊）。

速度設定：scrollamount="參數值" ；可設定為數字，通常設定 1~10 的範圍，數字越大跑得越快。

長度設定：height="參數值"；數字，自行設定。

寬度設定：width="參數值"；數字，自行設定。

行為設定：behavior="參數值"；可設定 alternate（來回跑）、slide（跑入後停止）。

背景顏色：bgcolor="參數值"；可設定為顏色的色碼，不設定則沒有顏色。