Java script 网页怎么制作跑马灯

要制作跑马灯，可以使用 JavaScript 和 HTML 标签实现。以下是一个简单的示例：

1. 在 HTML 中创建一个容器 div，并设置其样式为 overflow: hidden，使其能够隐藏超出容器范围的内容。

<div style="width: 300px; height: 50px; overflow: hidden;">
  <!-- 跑马灯内容 -->
</div>

2. 在 div 中创建一个包含跑马灯内容的 span，例如：

<div style="width: 300px; height: 50px; overflow: hidden;">
  <span id="marquee">这是跑马灯内容</span>
</div>

3. 使用 JavaScript 创建一个定时器，控制 span 的 left 样式属性实现滚动效果。例如：

var marquee = document.getElementById('marquee');
var speed = 2; // 滚动速度
var timer = setInterval(function() {
  marquee.style.left = parseInt(marquee.style.left) - speed + 'px';
  if (marquee.offsetLeft < -marquee.offsetWidth) {
    // 如果超出容器宽度，则将其重置到最右侧
    marquee.style.left = parseInt(marquee.parentNode.offsetWidth) + 'px';
  }
}, 30);

注意，此示例仅提供基本的实现思路，具体的样式和细节需要根据实际需求进行调整。