HTML怎样实现文字的滚动结果
在HTML中实现文字的滚动结果其实很简便，本篇文章就给大家介绍HTML <marquee>标签实现文字的滚动结果的办法，让大家理解<marquee>标签设定不一样属性实现的不一样文字滚动结果。
HTML Marquee标签是一个非标准的HTML元素，可以用于水平或垂直滚动图像或文本。
简便来说，就是它会主动向上，向下，向左或向右的滚动图像或文本。
下面我们来看看< marquee >实现简便文字滚动的示例：
<marquee> 这是html marquee标签的一个简便滚动例子</marquee >
结果图：
是不是很简便，只需要把想要滚动的文字放的<marquee></marquee >标签里面就可以了。
接下来我们理解一下HTML <marquee>标签的属性，看看HTML <marquee>标签可以如何设定图像或文本的滚动。
Marquee的元素里包括了几个用来操纵和调整marquee滚动字幕外不雅和滚动方式的属性。
Marquee标签设定滚动字幕的示例：
我们来使用这些属性设定<marquee>标签，看看示例结果：
1、简便滚动字幕例子：设定宽度，滚动方式，背景色彩
<marquee width = "100%" behavior = "scroll" bgcolor = "pink" > 这是滚动字幕的一个例子...... </marquee>
结果图：
2、复杂一点的滚动字幕
需要滚动的所有内容将在滚动框的整个长度上滑动，但在结尾处休止以永远显示内容。
<marquee width = "100%" behavior = "slide" bgcolor = "pink" > 这是一个复杂的滚动字幕例子...... </marquee >
结果图：
3、设定HTML 文字滚动的标的目的
通过设定marquee标签的属性，我们可以更换滚动文本的标的目的。标的目的可以是左，右，上和下。
我们来看一个右侧的选框滚动的例子。
<marquee width = "100%"> 文本默许从右向左滚动...... </marquee > <marquee width = "100%" bgcolor = "pink" direction = "right" > 设定文本从左向右滚动...... </marquee >
结果图：
4、设字幕摆布轮回滚动
使得文本从右向左滚动后，在从左向右滚动。
<marquee width = "100%" behavior = "alternate" bgcolor = "pink" > 文本从右向左滚动后，在从左向右滚动的例子...... </marquee>
结果图：
5、html 嵌套滚动字幕框（<marquee>标签）
<marquee width = "400px" height ="200px" behavior = "alternate" style ="border:2px solid red" > <marquee behavior = "alternate" > 嵌套滚动字幕框... </marquee > </marquee>
结果图：
HTML <marquee>标签的缺陷：
1）Marquee设定的滚动字幕大概会分离留意力，由于人眼会不竭地被吸引到运动和字幕上。
2）由Marquee设定的文本可以移动，因此按照滚动速度单击静态文本愈加艰难。
3）Marquee标签元素是一个非标准的HTML元素。
4）Marquee设定的滚动字幕不必要地引发会员的留意，使文本更难阅读。
阅读器支撑度：
总结：以上就是本篇文章的全部内容，但愿能对大家的学习有所帮忙。
以上就是HTML怎样实现文字的滚动结果的具体内容，更多请关注百分百源码网其它相关文章！
