HTML——设置滚动文字

滚动文字标签——marquee
使用标签可以将文字设置为动态滚动的效果。

语法格式：

 <marquee>滚动文字</marquee>

也可以在标签之间设置文字的字体、颜色等。

滚动方向属性——direction
语法格式：

<marquee  direction="滚动方向">滚动文字</marquee>

“滚动方向取值”：up、down、left 和 right，其中向左滚动 left 的效果和默认效果相同。
3. 滚动方式属性——behavior
语法格式：

  <marquee  behavior="滚动方式">滚动文字</marquee>

behavior的取值滚动方式
scroll 循环滚动，默认效果
slide 只滚动一次就停止
alternate 来回交替进行滚动

滚动速度属性——scrollamount
语法格式：

 <marquee   scrollamount="滚动速度">滚动文字</marquee>

在该语法中，滚动文字的速度实际上是设置滚动文字每次移动的长度，以像素为单位。
5. 滚动延迟属性——scrolldelay
语法格式：

  <marquee  scrolldelay="时间间隔">滚动文字</marquee>

时间间隔单位是毫秒（千分之一秒）

滚动循环属性——loop
语法格式：

<marquee  loop="循环次数">滚动文字</marquee>

滚动范围属性——width、height
如果不设置滚动背景的面积，那么默认情况下，水平滚动的文字背景与文字同高、与浏览器窗口同宽，使用 width 和 height 参数调整其水平和垂直的范围。
语法格式:
滚动文字
宽度和高度的单位均为像素。
滚动背景颜色属性——bgcolor
语法格式：

 <marquee  bgcolor="颜色代码">滚动文字</marquee>

文字背景颜色设置为 16 位颜色码
9. 滚动空间属性——hspace、vspace
语法格式：

<marquee  hspace="水平范围"  vspace="垂直范围">滚动文字</marquee>

水平和垂直范围的单位均为像素。

<!doctype  html>
<html>
<head><title>滚动文字</title>
</head><body>
<marquee  direction="right"  behavior="alternate"  scrollamount="15"  scrolldelay="10"  loop="2"    height="100"  bgcolor="ABCDEF" ><font  face="隶书"  color="#0066FF"  size="5">行尽天涯静默山水间，倾听晚风拂柳笛声残</font>
</marquee>
<marquee  direction="left"  behavior="scroll"  scrollamount="25"  loop="1"  bgcolor="pink"  hspace="90"   vspace="50"><font  face="隶书"  color="red"  size="5">踏破芒鞋 烟雨任平生,慧行坚勇 究畅恒无极</font>
</marquee>
</body>
</html>

HTML——设置滚动文字相关推荐

html 设置滚动文字效果,HTML中滚动文字设置
的用途比较广泛,在这里详细讲解一下. 主要参数设置: align:是设定活动字幕的位置,除了居左.居中.居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置. Bgcolor:用于设定活 ...
html5 怎么实现展开文字,html5实现滚动文字
滚动文字可以用javascript实现,今天我们用html5的滚动文字标签:marquee实现.只要在标签之间写要进行滚动的文字即可,而且可以设置这些文字的样式.默认从浏览器的右方缓缓向左滚动(循环) ...
marquee标签_html滚动文字
marquee标签可以让我们在网页中编写的文字动起来,不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置.语法:﹤marquee﹥需要被滚动的文字﹤/marquee﹥: 默认下mar ...
html5实现滚动文字
html5实现滚动文字 1 2 3 4 <div class="custom-notice"> <i class="icon-notice&quo ...
滚动文字Marquee属性及参数设置
滚动字幕Marquee代码大全基本语法 ------------------------------------------- <marquee>滚动文字 </marquee&g ...
html怎么设置文字滚动效果,css如何实现滚动文字，实现滚动文字的代码
css如何实现滚动文字,实现滚动文字的代码发布时间:2020-05-09 10:35:36 来源:亿速云阅读:228 作者:小新这篇文章主要为大家详细介绍了css如何实现滚动文字,实现滚动文字的 ...
公众号怎么设置滑动文字_公众号中怎么制作文字滚动播放？
上周有朋友问这个上下滚动字幕是怎么做的,就是这篇文章啦<就问你6不6!>,下面是教程! 同款样式已经上线样式中心啦!胖友们可以编辑界面点击"素材库"-"样式中 ...
SharePoint 2010/SharePoint 2013 Custom Action: 基于Site Collection 滚动文字的通知.
应用场景: 有时候我们的站点需要在每个页面实现滚动文字的通知,怎么在不修改Master Page的情况下实现这个功能?我们可以使用Javascript 和 Custom Action 来实现. 创建一 ...
php怎么使得字体滚动,滚动文字+字体特效代码（全集）
收集了几天,终于把滚动文字*字体特效差不多收集完了,这里与大家一同分享,期待您的博客越做越漂亮!感谢您的光临! 1.阴影滚动字循环滚动: 欢迎光临弥勒内院看门人博客,看门人欢迎您代码: 欢迎光临弥 ...

HTML——设置滚动文字

HTML——设置滚动文字相关推荐

最新文章

热门文章