走马灯效果其实就是利用标签进行图片和文字滚动，设置的样式不一样，滚动的效果就不一样，实现“走马观花”的效果。

一、滚动方式

1. 普通滚动

<!doctype html>


这里是您要填的内容

 

1.1 文字碰到左边就会停止

这里是您要填的内容

 

1.2 文字碰到右边就会停止

这里是您要填的内容

 

2.图片滚动

2.1 预设滚动

图片滚动到右边界，自动再从左边滚动。

 

2.2 来回滚动

 

2.3 滚动的方向

向左滚动

向右滚动

向下滚动

向上滚动

 

二、参数

1. 设定滚动次数(可自行更改参数)

这里是您要填的内容

2. 设定背景颜色 (16进位颜色或文字输入)

这里是您要填的内容

3. 设定滚动宽度

为了方便辨别，这里加上bgcolor属性。

<!doctype html>

初始化

这里是您要填的内容

设置高度

这里是您要填的内容

 

4. 设定滚动高度

<!doctype html>

初始化

这里是您要填的内容

设置高度

这里是您要填的内容

 

5. 设定滚动速度 (可自行更改参数)

这里是您要填的内容

 

三、总结

本文以html为基础，主要介绍了常见的效果（跑马灯）的滚动原理，详细介绍了三种常见的滚动以及其相关属性，以及对设置参数时遇到的难题一一解答，希望能够帮助你学习。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。