JavaScript文本特效实例小结【3个示例】
作者：袖梨
2022-06-25
本文实例讲述了JavaScript文本特效。分享给大家供大家参考，具体如下：
1、标题跑马灯
常常能够在一些新闻网站，或者其他地方，看到文字在一个特定的区域内，来回滚动。一旦超出边界就消失了，那么这些效果是如何做到的呢，今天我们就来讲讲。
图示效果：
源代码：
标题栏上实现的文字跑马灯
2、网页内容跑马灯
这里介绍了一些常用的跑马灯效果，代码来自
效果图如下：
源代码：
跑马灯大全滚动的文字 表示双向移动 表示运动方向向左 弹来弹去跑马灯! 表示运动方向向左 带有超链接的跑马灯!点我试试？
| 参数 | 用法介绍 |
| behavior=scroll, slide, alternate | 跑马方式：循环绕行，只跑一次就停住，来回往复运动 |
| direction=left,right | 跑马方向：从左向右，从右向左 |
| loop=100 | 跑马次数：循环100次，如不写默认为一直循环 |
| width=100%,height=200 | 跑马范围：宽为100%，高为200像素 |
| scrollamount=20 | 跑马速度：数越大越快 |
| scrolldelay=500 | 跑马延时：毫秒数，利用它可实现跃进式滚动 |
| hspace=20，vspace=20 | 跑马区域与其它区域间的空白大小 |
| bgcolor=#00FFCC | 跑马区域的背景颜色 |
3、彩色文字的顺序闪烁效果
文字以某种色彩显示，顺序划过每一个字符。当然也可以每次轮完一遍，就改变一种颜色。代码实现很简单，其实就是给要改变的字符，添加一个标签，在设置颜色就可以，最后在定时调用改变的颜色的程序即可。效果图如下：
源代码：
彩色文字的顺序闪烁效果
tkgeagteewevbnmkj
tkgeagteewevbnmkj
