jQuery Marquee API 是一個方便的 jQuery 插件,用于創建滾動文本或圖像的動態效果。
該插件使用簡單,只需包含 jQuery 庫和 marquee.js 文件,然后在你的 HTML 文件中添加以下代碼:
<script src="jquery.min.js"></script>
<script src="marquee.js"></script>
jQuery Marquee API 有著很多可用的選項,可以讓你自定義你的滾動效果,如:滾動方向、速度、啟動延遲、循環次數等。以下是一個基本的例子,展示如何使用此插件:
<script>
$(document).ready(function(){
$('.marquee').marquee({
duration: 5000,
gap: 50,
delayBeforeStart: 0,
direction: 'left',
duplicated: true
});
});
</script>
以上代碼創建一個向左滾動的文本效果,每個文本停留 50 毫秒,整個效果在 5 秒鐘內完成。"delayBeforeStart" 選項是指在開始滾動前的等待時間。
有關更多選項,請查看jQuery Marquee API 的官方文檔。
總的來說,jQuery Marquee API 是一個強大的滾動插件,可以讓你在網頁中創建幻燈片、新聞滾動等動態效果。使用此插件,你可以輕松地為你的網頁添加滾動效果,并為你的用戶帶來更好的體驗。