Marquee标签实现走马灯效果

利用marquee标签，让文字滚动实现走马灯效果

direction滚动方向
属性值：up、down、left、right，默认方向是从右向左滚动

<marquee direction="up">向上滚动</marquee>

滚动方式behavior
scroll：循环滚动 slide：只滚动一次 alternate：来回滚动默认循环滚动

<marquee behavior="slide">只滚动一次</marquee>

滚动速度scrollamount
值越大，滚动速度越快，一般5-10比较适宜消息观看

<marquee scrollamount="1">我是速度为1的滚动</marquee>

滚动延迟scrolldelay
值越大，滚动速度越慢，一般不设置

<marquee scrolldelay="80">延迟滚动</marquee>

滚动循环loop
默认值-1或infinite， infinite表示无限循环滚动 loop=“数值” 表示滚动相应的次数

<marquee loop="2">loop循环滚动</marquee>

滚动范围控制 width height; 滚动背景颜色 bgcolor
宽80px 高40px 背景色为#f66的滚动区域

<marquee direction="up" width="80" height="40" bgcolor="#f66" ><p>开发工程师</p><p>设计师</p><p>前端开发</p>
</marquee>

滚动空间 hspace-水平边距 vspace-垂直边距

<marquee direction="up" width="50" hspace="20" vspace="10" ><p>语文课</p><p>体育音乐课</p><p>德智体美劳</p>
</marquee>

滚动事件
鼠标悬停，滚动停止鼠标离开，滚动继续

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()"><p>语文课</p><p>体育音乐课</p><p>德智体美劳</p>
</marquee>

Marquee标签实现走马灯效果相关推荐

TextView的走马灯效果
1.在textview布局文件中添加属性 android:ellipsize="marquee" //设置为走马灯效果 android:marqueeRepeatLimit=&qu ...
HTML怎么设置自动滚动的图片,转：HTML中让图片滚动的marquee标签的使用方法
实例: 需要滚动的文字需要滚动的文字也可以程序代码也可以是图片说明: 1.中间的内容可以为文字,图片,也可以是由程序生成的文字或图片 2.onMouseOut="this.star ...
vue内容横向循环滚动_Vue替代marquee标签超出宽度文字横向滚动效果
一.npm 安装如果你想安装插件(自己写的) 安装 # install dependencies npm i marquee-components 使用在main.js引入 import marq ...
marquee标签滚动效果
<marquee></marquee>标签,默认从最右侧往左滚动: direction:设置滚动的方向: height:设置标签高度, width:设置标签宽度: behavi ...
HTML 中的marquee标签详解
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法: <marqu ...
HTML marquee标签详解
HTML marquee标签详解在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动.而我们使用HTML的Marquee语句则可以产生更多的 ...
android 走马灯效果
最进其实自己也没什么想写的内容,不过自己觉得还是需要每天写点东西,好的习惯还是要保持的.所以今天讲讲textview的文字显示走马灯的效果,这个实在太简单了. 项目开发中有些时候TextView的文本 ...
html 自动滚动标签,HTML滚动标签（marquee标签）
以下为学做网站论坛关于"HTML滚动标签(marquee标签)"讲解视频教程. HTML marquee标签介绍 marquee标签又叫滚动标签.它是用来控制一段文本或其它元素滚动 ...
marquee标签、插入百度地图
<marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee> ...

Marquee标签实现走马灯效果

利用marquee标签，让文字滚动实现走马灯效果

Marquee标签实现走马灯效果相关推荐

最新文章

热门文章