← Back to Demos

Ticker / Marquee

跑馬燈

Continuous scrolling marquee — ideal for logo walls, partner showcases, and news tickers. Hover to pause.

連續滾動跑馬燈 — 適合品牌牆、合作夥伴展示及新聞跑馬燈。滑鼠移入暫停。

  • Brand A
  • Brand B
  • Brand C
  • Brand D
  • Brand E
  • Brand F
  • Brand G
  • Brand H
  • Brand I
  • Brand J


      
      
Source Code

      

        js
        
var DS = DriftSlider;
var slider = new DS.DriftSlider('#ticker-slider', {
  modules: [DS.Autoplay],
  slidesPerView: 5,
  spaceBetween: 24,
  loop: true,
  speed: 3000,
  grabCursor: true,
  autoplay: {
    enabled: true,
    ticker: true,
    tickerSpeed: 1,
    pauseOnMouseEnter: true,
  },
});