jQuery跑馬燈是一個在頁面上不斷滾動的元素，一般用于展示廣告、新聞等內容。其有多種形式，其中左右滾動的跑馬燈更加常見。以下是一個簡單的左右滾動跑馬燈的實現：
<script>
$(document).ready(function() {
setInterval(function() {
var firstItem = $('ul.marquee li:first-child');
firstItem.animate({marginLeft: '-120px'}, 1000, function() {
$(this).appendTo($(this).parent()).css({marginLeft: 0});
});
}, 2000);
});
</script>
<ul class="marquee">
<li>第一條新聞</li>
<li>第二條新聞</li>
<li>第三條新聞</li>
<li>第四條新聞</li>
<li>第五條新聞</li>
</ul>在上面的代碼中，我們首先使用setInterval實現了循環滾動。每2秒鐘我們就會執行一次匿名函數，其中把第一個
需要注意的是，在列表滾動完成后，我們必須重新把元素移到起始位置。否則下一次滾動時就會出現問題。我們在代碼中使用了appendTo方法將第一個元素移動到了父級元素的末尾，并把marginLeft樣式改為0，這就實現了循環滾動的效果。