如何让文本在2个变量的按钮脚本上水平滚动？

在前端开发中，可以使用CSS和JavaScript来实现文本在按钮脚本上的水平滚动。

一种常见的实现方式是通过CSS的overflow属性和JavaScript的定时器实现滚动效果。具体步骤如下：

HTML结构：创建一个包含文本的div元素，并为其添加一个唯一的ID，作为滚动容器。

<div id="scrollContainer">Your text here</div>

CSS样式：为滚动容器设置宽度、高度和溢出隐藏，并为文本设置内联样式，使其水平滚动。

#scrollContainer {
  width: 200px; /* 设置容器宽度 */
  height: 20px; /* 设置容器高度 */
  overflow: hidden; /* 隐藏溢出部分 */
}

#scrollContainer p {
  display: inline; /* 内联显示文本 */
  white-space: nowrap; /* 不换行 */
}

JavaScript代码：编写一个滚动函数，通过不断改变文本的左边距来实现水平滚动效果。

function scrollText() {
  var container = document.getElementById("scrollContainer");
  var text = container.getElementsByTagName("p")[0];
  var speed = 2; // 滚动速度，可自行调整

  text.style.marginLeft = parseInt(text.style.marginLeft) - speed + "px";
  if (parseInt(text.style.marginLeft) < -text.offsetWidth) {
    // 当文本滚动到左侧看不见时，将其恢复到容器右侧
    text.style.marginLeft = container.offsetWidth + "px";
  }
}

// 每隔一段时间执行一次滚动函数，创建定时器
setInterval(scrollText, 20);

以上代码实现了一个简单的文本水平滚动效果。你可以根据实际需求调整滚动速度、容器宽度和高度等参数。

在腾讯云的产品中，推荐使用云服务器（CVM）来托管网站，并使用云数据库MySQL（CDB）存储文本数据。具体产品介绍和链接如下：