文字滚动特效

来源：互联网发布：mac上好用的播放器字幕编辑：程序博客网时间：2024/04/26 00:08

网页文字美化文字滚动代码大全

网页美化：喜欢让文字跑来跑去！跑马灯范例让你文字跑到软！网上搜集整理。

1. 文字来回滚动：

文字来回滚动

代码：

<MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>

2. 向右移动的竖排文字：

向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字

代码：

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=0 direction=up width=200 height=150>
向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字</MARQUEE>

3. 向上移动的文字：

向上移动的文字
向上移动的文字

代码：

<MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=up>向上移动的文字 向上移动的文字</MARQUEE>

4. 向下移动的文字：

向下移动的文字
向下移动的文字

代码：

<MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=down>向下移动的文字 向下移动的文字</MARQUEE>

5. 从右向左滚动：

从右向左滚动

代码：

<MARQUEE scrollAmount=2>从右向左滚动</MARQUEE>

6. 从左向右滚动：

从左向右滚动

代码：

<MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>

7. 上下反弹：

上下反弹

代码：

8. 从左向右文字波浪式移动：

从左向右文字波浪式移动

代码：

<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%">
<MARQUEE direction=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>

9. 文字来回波浪式移动：

文字来回波浪式移动

代码：

<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%">
<MARQUEE direction=right behavior=alternate>文字来回波浪式移动</MARQUEE></MARQUEE>

10. 躲躲字，跑给你追：

躲躲字，跑给你追

代码：

11. 原地跳动的文字：

祝大家永远幸福

代码：

12. 波浪字：

波浪字
波浪字

代码：

13. 由中间向两边移动的文字：