在前端页面开发中，为文本组件添加页面加载时的背景色依次切换效果，既能丰富页面的视觉层次与动态交互感，也能提升用户进入页面时的体验感，本文将介绍该效果的具体实现思路。

第一种方法：使用按钮

1.在左侧组件库添加“按钮”组件至项目中。

接着添加一个新的看板。

接着在新的看板中，在左侧组件库中添加“基础单行文本”组件至项目中。

2.选中按钮组件，在右侧“配置”栏中选择 “交互”，触发“点击”事件，“动作”为“子看板跳转”，“子看板”选择需要跳转的看板即可。

接着添加一个空动作交互，触发 “点击” 事件，将 “动作” 设为 “空动作”，并设置“延时”为 “500” 毫秒，以满足观察需求，按需选择。

接着添加修改文本背景颜色的交互，触发 “点击” 事件，“动作” 设为 “修改设置”，“目标组件” 指定为 “指定组件”，“设置项” 选择 “背景颜色”，“设置颜色” 按需选择，“顺序” 设为“在上一动作之后”。

3.选中基础单行文本组件，在“样式”配置栏中，开启“背景设置”。

展示效果如下：

第二种方法：使用进度条

1.在左侧看板中添加“进度条”组件至项目中。

接着在上述步骤中，添加 “基础单行文本” 组件看板。

2.选中进度条组件，添加交互，触发“到达节点时”事件，“节点名称”可以按需选择，“动作”为“修改设置”，“目标组件”为“指定组件”，“指定组件”为“基础单行文本”，“设置项”为“背景颜色”，“背景颜色”按需选择，其他节点均采用相同设置方式。

3.选中基础单行文本组件，在“样式”配置栏中，开启“背景设置”。

4.选中进度条，在 “样式” 配置栏中选择 “动画设置”，开启 “自动播放” 与 “循环播放” 功能。

展示效果如下：