<div id='text'>立即免费评测</div>
<script>
var textElement = document.getElementById('text');
var size = 16;
var increasing = true;

setInterval(function() {
  if (increasing) {
    size++;
    if (size >= 24) {
      increasing = false;
    }
  } else {
    size--;
    if (size <= 16) {
      increasing = true;
    }
  }
  textElement.style.fontSize = size + 'px';
}, 1000);
</script>
<p>上面的代码将会使<code>&lt;div&gt;</code>元素中的文本每秒自动缩小变大,从16px到24px之间循环变化。你可以将其放置在你的网页中,并根据需要修改元素的id和初始大小、最大大小等参数。</p>
文字大小自动变化效果 - JavaScript 代码实现

原文地址: https://www.cveoy.top/t/topic/bnRL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录