<div id=“marquee-container”>
  <p id=“marquee-text”>這里是需要滾動的文字內(nèi)容…</p>
</div>


<button id=“start-scroll”>開始滾動</button>
<button id=“stop-scroll”>停止?jié)L動</button>

#marquee-container {
  white-space: nowrap;
  overflow: hidden;
  width: 250px; /* 根據(jù)需要設(shè)置容器寬度 */
}


#marquee-text {
  position: absolute;
}

\((document).ready(function() {
  var \)marqueeText = \(('#marquee-text');
  var scrollWidth = \)marqueeText[0].scrollWidth;
  var containerWidth = $(‘#marquee-container’).width();


function scroll() {

$marqueeText.animate({
  left: -scrollWidth + containerWidth
}, 10000, 'linear', function() {
  $marqueeText.css('left', containerWidth);
  scroll();
});


}

$(‘#start-scroll’).on(‘click’, function() {

scroll();


});

$(‘#stop-scroll’).on(‘click’, function() {

$marqueeText.stop();


});
});