「調整跑馬燈速度」

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

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

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




✎ 重點拆解：



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

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




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


設定路徑：版面 > 自訂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」 的 數字可自行調整。
New boost