📌  相关文章
📜  如何在新的 Google 站点中嵌入滚动文本横幅?(1)

📅  最后修改于: 2023-12-03 15:09:02.572000             🧑  作者: Mango

在新的 Google 站点中嵌入滚动文本横幅

如果你正在使用新的 Google 站点(Site),并且想要向你的网站添加滚动文本横幅,那么你来对地方了。在本篇文章中,我将介绍如何在新的 Google 站点中嵌入滚动文本横幅。

1. 创建文本横幅

首先,你需要创建一个文本横幅。你可以使用任何图像处理软件来创建这个文本横幅。你需要确保文本横幅的宽度不超过你的网站的宽度。

2. 添加自定义 HTML 模块

现在,你需要添加一个自定义 HTML 模块到你的网站上。在新的 Google 站点中,你可以轻松地添加自定义 HTML 模块。

  • 点击“添加节”按钮(Add Section);
  • 在弹出的窗口中,选择“自定义”(Custom);
  • 点击“HTML”按钮。
3. 嵌入 HTML 代码

将下面的 HTML 代码复制到自定义 HTML 模块中:

<div style="width:100%; height:50px; overflow:hidden;">
    <marquee behavior="scroll" direction="left" scrollamount="5">
        在这里输入你的文本横幅的 HTML 代码
    </marquee>
</div>

在上面的代码块中,你需要将“在这里输入你的文本横幅的 HTML 代码”替换为你的文本横幅的 HTML 代码。

4. 调整代码

现在,你需要调整代码以适应你的网站。在下面的列表中,你可以找到需要调整的值:

  • height:设置文本横幅的高度;
  • scrollamount:设置文本横幅滚动的速度。你可以尝试不同的数字来找到最适合你的速度;
  • direction:设置文本横幅滚动的方向。你可以将它设置为“left”、“right”、“up”或“down”。
结论

现在你已经知道了如何在新的 Google 站点中嵌入滚动文本横幅。希望这篇文章对你有帮助!