测试动画

<div class=”container”>
<p class=”animated-text”>第一段文字动画。</p>
<p class=”animated-text”>第二段文字动画。</p>
<p class=”animated-text”>第三段文字动画。</p>
</div>

jQuery(document).ready(function($) {
var texts = $(‘.animated-text’);
var index = 0;

function showText() {
texts.removeClass(‘active’);
texts.eq(index).addClass(‘active’);
index = (index + 1) % texts.length;
}

showText(); // 初始化显示第一段文字

setInterval(showText, 3000); // 每隔3秒自动切换文字
});


已发布

分类

来自

标签: