动画效果

<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秒自动切换文字
});

已发布

分类

来自

标签: