jquery 上下跳动

宁为泽 3周前 10浏览 0评论

jQuery 是一款广受欢迎的 JavaScript 库,在 jQuery 中,有很多能够实现有趣效果的函数和插件,其中就包括上下跳动效果。下面我们就来看一看如何用 jQuery 实现上下跳动效果。

// 设置一个定时器,每隔一段时间执行一次动画
setInterval(function () {
  // 使用 animate 函数让元素向下移动一段距离
  $('selector').animate({
    top: '+=50px'
  }, 500);
  // 再次使用 animate 函数让元素向上移动一段距离
  $('selector').animate({
    top: '-=50px'
  }, 500);
}, 1000);

上述代码中的 `selector` 可以替换成你想要实现上下跳动效果的元素的选择器。

上下跳动效果可以为网页增添一些活力和趣味性,但过度使用会影响网页的用户体验,需要在适当的场合使用。