网站顶部添加滚动文字

东君博客

已于 2023-08-11 17:06:34 修改

阅读量789

点赞数 1

分类专栏：前端文章标签： vue.js

于 2022-08-10 15:47:05 首次发布

本文链接：https://blog.csdn.net/qq_31066285/article/details/126268046

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

如果我们在自己网站上添加一段滚动的文字会显得更高级一些，下面就看我如何实现的吧：

实现效果[具体看本站]

在这里插入图片描述

实现代码[精心整理]


// 1、来回滚动
<marquee behavior=" alternate "><font color=red>文字来回滚动 </marquee>
// 2、设置滚动次数，这里已三次为例
<marquee loop=3 width=50% behavior=scroll>文字只走３趟 </marquee>
// 3、设置滚动方向，left是文字自右向左移，right是文字自左向右移
<marquee direction=left>文字自右向左移</marquee>
// 4、设置滚动频率
<marquee scrollamount=8>
文字很快滚。
</marquee>