marquee标签_html滚动文字

marquee标签可以让我们在网页中编写的文字动起来，不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置。语法：﹤marquee﹥需要被滚动的文字﹤/marquee﹥：

默认下marquee标签中的内容是从左到右滚动的，当然也可以通过marquee标签中的属性来控制不同的滚动方式。marquee标签是块级元素，这就说明它自带了宽高属性，通过CSS样式也能为它规定宽高，同时还能设置标签里面的字体大小、颜色、行高等效果。

marquee标签的属性设置

marquee width="像素值" ：设置marquee标签的宽度；
marquee height="像素值" ：设置marquee标签的高度；
marquee hapace="像素值" ：设置marquee标签的水平间距；
marquee vspace="像素值" ：设置marquee标签的垂直间距；
marquee bgcolor="颜色值"：设置marquee标签的背景颜色；
marquee style="规定样式"：设置marquee标签的CSS样式；

direction：设置文字的滚动方向

marquee direction="up" ：从下往上滚动；
marquee direction="down" ：从上往下滚动；
marquee direction="left" ：从右往左滚动；默认值；
marquee direction="right"：从左往右滚动；

behavior：设置文字的滚动方式

marquee behavior="side" ：只滚动一次就停止；
marquee behavior="srcoll"：循环滚动；默认值；
marquee behavior="alternate"：来回滚动；如果让文字上下来回滚动，需给marquee元素一个高度；

scrollamount：设置文字的滚动速度

通过scrollamount属性设置滚动文字速度，属性值以数字代表，数值越大滚动越快，反之越慢。

marquee scrollamount="1" ：非常慢；
marquee scrollamount="5" ：速度一般；
marquee scrollamount="10"：速度较快；
marquee scrollamount="80"：非常快；

scrolldelay：设置滚动文字延迟时间

通过scrollamount属性设置滚动文字的延迟时间，属性值以数字代表，数值越大延迟越长，反之越短。

marquee scrollamount="10" ：延迟较短；
marquee scrollamount="50" ：延迟一般；
marquee scrollamount="100"：延迟较长；

loop：设置滚动文字循环次数

默认下滚动文字会无限循环的滚动，通过loop属性可以让文字在滚动完规定的次数后停止滚动。

marquee loop="-1"：无限循环滚动，默认值；
marquee loop="5" ：文字在滚动完5次后停止滚动；
marquee loop="50"：文字在滚动完50次后停止滚动；

通过以上属性，使用marquee标签来设置一个完整的滚动元素，其中宽度为600像素；高度40像素；背景颜色草绿色；滚动文字从左往右；滚动方式默认循环；滚动速度5；marquee元素垂直间距上下各10像素；代码如下：

﹤marquee width="600px" height="40px" bgcolor="#99FF66" direction="right" scrollamount="5" vspace="10"﹥ html滚动文字 ﹤/marquee﹥

marquee标签_html滚动文字相关推荐

vue内容横向循环滚动_Vue替代marquee标签超出宽度文字横向滚动效果
一.npm 安装如果你想安装插件(自己写的) 安装 # install dependencies npm i marquee-components 使用在main.js引入 import marq ...
HTML之marquee标签（滚动字幕（跑马灯））
再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...
HTML怎么设置自动滚动的图片,转：HTML中让图片滚动的marquee标签的使用方法
实例: 需要滚动的文字需要滚动的文字也可以程序代码也可以是图片说明: 1.中间的内容可以为文字,图片,也可以是由程序生成的文字或图片 2.onMouseOut="this.star ...
Marquee标签实现走马灯效果
利用marquee标签,让文字滚动实现走马灯效果 direction滚动方向属性值:up.down.left.right,默认方向是从右向左滚动 <marquee direction=&quo ...
HTML——设置滚动文字
滚动文字标签--marquee 使用标签可以将文字设置为动态滚动的效果. 语法格式: <marquee>滚动文字</marquee> 也可以在标签之间设置文字的字体.颜色等. ...
html5 不支持marquee,marquee标签的用法为什么MARQUEE 标签不被支持
标签和的使用方法? 还有标签中alt=...的会产生什么效果? 是实现内容的滚动效果,将写如页面中,在里面添加内容就好,在设置一下属性.参数的应用参数详解文字滚动是由控制的.marquee的参数如 ...
使用marquee标签实现文字滚动
代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
HTML5 - 文字跑马灯标签(marquee)屏幕滚动文字
属性 <marquee> </marquee> 标签有以下属性可选,在使用务必测试好各浏览器兼容性. 属性描述 behavior 设置文本在 marquee 元素内如何滚动. ...
HTML滚动文字代码 marquee标签
HTML滚动文字代码marquee标签 <marquee style="WIDTH: 388px; HEIGHT: 200px"scrollamount="2 ...

marquee标签_html滚动文字

marquee标签的属性设置

marquee标签_html滚动文字相关推荐

最新文章

热门文章