版面呈現 ▌調整跑馬燈速度語法

修改時間 星期三, 七月 23, 2025 於 12:00 PM

調整跑馬燈速度」

 快速的跑馬燈可強化限時促銷、急迫訊息的曝光力

 慢速則適合品牌形象、重要公告

• 提升閱讀體驗,避免資訊流失




✎ 重點拆解:


一、「調整跑馬燈速度」設定路徑

二、「調整跑馬燈速度」語法




一、「調整跑馬燈速度」設定路徑


設定路徑:版面 > 自訂JS 全站程式碼 。





、「調整跑馬燈速度」語法


function initMarquee(idx) {
var items = $('.simple-marquee-container[data-id="'+idx+'"] .marquee-content-items > li').length;
if( items ) {
var qspeed = 55000;
var maxwidth = $("#body-outer-container").innerWidth();
$('.simple-marquee-container[data-id="'+idx+'"]').fadeIn();
if( !is.mobile() ) {
$('.simple-marquee-container[data-id="'+idx+'"] .marquee-content-items > li').attr("style", "min-width:" + maxwidth + "px");
qspeed = 55000 + ( (items-1) * 15000 ); // 桌機 預設 55000
} else {
$('.simple-marquee-container[data-id="'+idx+'"] .marquee-content-items > li').attr("style", "margin-right:60px;");
qspeed = 25000 + ( (items-1) * 15000 ); // 手機 預設 25000
}

if (!!$.prototype.SimpleMarquee){
$('.simple-marquee-container[data-id="'+idx+'"]').SimpleMarquee({
duration: qspeed
});
} else {
$.getScript( "https://cdn.qdm.cloud/static/marquee/marquee.js", function( data, textStatus, jqxhr ) {
$('.simple-marquee-container[data-id="'+idx+'"]').SimpleMarquee({
duration: qspeed
});
});
}
}
}
「桌機 55000」、「手機 25000」 的 數字可自行調整。

這篇文章是否有幫助?

太棒了!

感謝您提供意見回饋

抱歉,沒能幫到您

感謝您提供意見回饋

請讓我們知道如何改善這篇文章!

請選擇至少一個原因
必須進行 CAPTCHA 驗證。

意見已發送

感謝您的寶貴意見,我們將嘗試修改這篇文章