首页 > 其他分享 >marquee标签

marquee标签

时间:2024-03-25 15:37:43浏览次数:19  
标签:滚动 示例 标签 代码 marquee 默认 对齐

marquee标签是HTML标签中创建文字滚动的标签。marquee标签包含有多种属性,用于设置文字滚动时的样式。
1.direction
direction 表示滚动的方向,值可以是left,right,up,down,默认为left。示例代码:

<marquee direction="left">文字向左滚动</marquee>
<marquee direction="right">文字向右滚动</marquee>
<marquee direction="up">文字向上滚动</marquee>
<marquee direction=" down">文字向下滚动</marquee>

2.behavior
behavior 表示滚动的方式,值可以是scroll(表示从一端移动到另一端,连续滚动)、slide(表示从一端移动到另一端,滑动一次)、alternate(在两端之间来回滚动)。示例代码:

<marquee behavior="alternate">alternate</marquee>
<marquee behavior="scroll">scroll</marquee>
<marquee behavior="slide">slide</marquee>

3.loop
loop 表示循环的次数,当值设置为-1时会无限次滚动,默认为无限循环。示例代码:

<marquee loop="5">滚动五次</marquee>

4.scrollamount
scrollamount 表示运动速度,值是正整数,默认为6,单位pixels(像素)。示例代码:

<marquee scrollamount="3" >scrollamount</marquee>

5.scrolldelay
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒。示例代码:

<marquee scrolldelay="10" >scrolldelay </marquee>

6.align
align 表示元素的对齐方式,值可以是
absbottom:绝对底部对齐(与g、p等字母的最下端对齐),
absmiddle:绝对中央对齐,
baseline:底线对齐,
bottom:底部对齐(默认),
left:左对齐,
middle:中间对齐,
right:右对齐,
texttop:顶线对齐,
top:顶部对齐;
示例代码:

<marquee align="absmiddle">align="absmiddle"</marquee>

7.bgcolor
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色,示例代码:

<marquee bgcolor="#006699">设定背景颜色</marquee>
<marquee bgcolor="rab(288, 321, 110)">设定背景颜色</marquee>
<marquee bgcolor="green">设定背景颜色</marquee>

8.height和width
Height表示运动区域的高度,
width表示运动区域的宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度,示例代码:

<marquee direction="down" height="500" >设定运动区域的高度</marquee>
<marquee direction="left" width="50%" >设定运动区域的宽度</marquee>

9.hspace和vspace
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素

10.常用方法
start和stop是marquee标签常用的两个方法,分别表示开始滚动和停止滚动,这两个方法通常结合鼠标事件来使用,示例代码:

<marquee onm ouseover="this.stop()" onm ouseout="this.start()" >鼠标移入和移出事件</marquee>

原文链接:https://blog.csdn.net/weixin_44547592/article/details/96188340

标签:滚动,示例,标签,代码,marquee,默认,对齐
From: https://www.cnblogs.com/maleijiejie/p/18094441

相关文章

  • 前端学习<一>HTML——04HTML标签:排版标签
    本文主要内容排版标签:<h1><p><hr/><br/><div><span><center><pre>下面来详细介绍一下排版标签。标题标签标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题,<h6>定义最小的标题。具有align属性,属性值可以是:left、center、right。代码举例: <......
  • 【React】使用 JSX 为 JavaScript 添加标签
    使用JSX为JavaScript添加标签实际上是将JSX语法与JavaScript代码结合使用,以描述用户界面。JSX允许你在JavaScript中编写类似HTML的结构,并最终由React库将其转换为真正的DOM元素。以下是将标签引入JavaScript以及将HTML转化为JSX的步骤和JSX的一些基本......
  • html5文本标签
    标题文本h1、h2、h3、h4、h5、h6其中h1、h2、h3是比较常用的。h3、h4、h5、h6相对来说用的会少一点,除非结构层次比较深才会使用。段落文本p<p>这是一个段落<p/>强调文本strong和em尽量避免使用b代替strong,使用i代替em。它们表示的含义不一样<strong>strong表示文本的......
  • UNI APP 利用过滤器 解决后台返回带标签的内容时 图片过大的问题
    https://www.shanhubei.com/archives/51233.html后台返回的数据有时候没有过滤带标签,平时就只能v-html渲染出来,但是如里面有图片的话会出现图片过大超出屏幕的问题,那么普通的加样式已经不会生效了,就只能想办法来解决了。代码演示,解决办法呢,也很简单、只要利用好过滤器就好了。......
  • HTML学习记录(2)(HTML常用标签)
    一,p与hrp段落可以将HTML文段分割为若干段落。段落常用<p>标签来定义,用align来定义段落的对齐方式实列<p>我是第一个段落</p><p>我是第二个段落</p><palign="left">我在左边</p><palign="center">我在中间</p><palign="right">我在右边</p>......
  • a标签下载文件设置download无效
    场景:通过接口获取文件信息,再动态生成a标签,添加href、download,点击文件下载后,文件名并不是设置的download问题:接口返回数据的文件url域名跟当前系统域名不一致,导致download失效解决方案:采用原生请求设置responseType来实现指定download下载<div@click="download">点击下载</div......
  • HTML表单标签详解:如何用HTML标签打造互动网页?
    在互联网的世界中,表单是用户与网站进行互动的重要桥梁。无论是注册新账号、提交反馈、还是在线购物,表单都扮演着至关重要的角色。在网页中,我们需要跟用户进行交互,收集用户资料,此时就需要用到表单标签。HTML提供了一系列的表单标签,使得开发者能够轻松地创建出功能丰富的表单。今天......
  • 前端基础之HTML标签基础
    HTML简介什么是HTML站在显示文本内容的角度去看,浏览器与word的原理一样,我们可以将浏览器当成一个网页版的只读word,浏览器也必须有一套自己能识别的标记文本的规范,该规范被称为HTML,HTML全称是超文本标记语言(HyperTextMarkupLanguage)。“超文本”指的是用超链接的方法,将各种......
  • 让图片适应标签的CSS object-fit属性
    在实际的项目运行过程中,可能出现运营人员上传的文件与预期的图片尺寸不同的情况,为了解决这一问题可以使用object-fit属性,对嵌入的图像(以及其他替代元素,如视频)做相应的变化,更加精确地控制图像的展示效果,从而满足多样化的设计需求。让图片适应标签的CSSobject-fit属性1......
  • java实现标签排序置顶
    设计思路置顶:将该数据放到全局数据收尾,其余数据顺序不变【将需要置顶数据的sort设置为全局Min(sort)-1】置尾:将数据放到全局末尾,其余不变【将需要置尾的数据sort设置为全局Max(sort)+1】交换:两位位置交换,其余不变【将需要交换数据的sort互换即可】拖动:局部顺序变化【将4插到1......