文章主要介绍HTMl中的marquee标签来实现无缝滚动marquee的效果。 本文为您详细介绍，对您的学习或工作有一定的参考价值。 有需要的同学可以参考以下
标签，是成对出现的标签，第一个标签和最后一个标签之间的内容就是滚动内容。 标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，而且都是可选的。
今天在魔魔丸做抽奖的时候，想把所有用户的中奖记录做成无缝滚动的效果，但是我的js功底太差了，一时间想不出什么办法来实现。同时html滚动标签，所以我就用了百度的各种类似的效果。 但我无意中发现了一个html标签——它不需要js控制就能实现多种滚动效果。 使用marquee标签不仅可以滚动文本，还可以滚动图片、表格等，而且使用起来方便快捷，确实节省了我很多时间。
marquee标签并不是HTML3.2的一部分，只支持MSIE3之后的内核，所以如果你使用非IE内核的浏览器（如：Netscape），可能很难看到下面一些有趣的效果。 该标签是一个容器标签。
1.跑马灯标签的几个重要属性：
1.direction：滚动方向（包含4个值：上、下、左、右）
说明： up：从下往下滚动； down：从上到上滚动； left：从右向左滚动； 右：从左向右滚动。
语法：...
2.behavior：滚动形式（包含3个值：scroll、slide、alternate）
说明：scroll：循环滚动，默认效果； 滑动：仅滚动一次然后停止； 交替：交替来回滚动。
语法：...
3.scrollmount：滚动速率（滚动速率是设置每次滚动时联通的宽度，单位为像素）
语法：...
4.scrolldelay：设置滚动两次之间的延迟时间。 值大的话会有步进暂停效果（设置滚动时间间隔，单位为微秒）
语法：...
5.loop：设置滚动循环次数（默认值为-1，滚动会继续循环）
语法：...
我会继续前进。
我只去了两次
6.width、height：设置滚动字幕的长度和高度
语法：...
7.bgcolor：设置滚动字幕的背景颜色（可以是颜色值，也可以是rgb()或rgba()函数）
语法：...
8.hspace、vspace：空白（相当于设置margin值）
说明： hspace：设置活动字幕的位置与父容器水平边框的距离，如hspace="10"，相当于：margin: 0 10px;
vspace：设置活动字幕中的位置与父容器垂直边框的距离，如vspace="10"，相当于：margin: 10px 0;
语法：...（相当于：margin: 10px;）
9.align：设置滚动字幕内容的对齐方式（包括9个值：absbottom、absmiddle、baseline、bottom、left、middle、right、texttop、top）
说明：absbottom：绝对顶部对齐（与g、p等字母顶部对齐）
absmiddle：绝对居中对齐
基线：底线对齐
底部：底部对齐（默认）
左：左对齐
middle：中间对齐
右：右对齐
texttop：顶行对齐
顶部：顶部对齐
语法：...
10.face：设置滚动字幕的文字字体
语法：
11.color：设置滚动字幕的文字颜色
语法：
12.size：设置滚动字幕的文字大小
语法：
13.STRONG：设置滚动字幕的文字为粗体
语法：
二、跑马灯常用的两种扰动：
onMouseOut="this.start()" 用于设置键盘移出区域时继续滚动
onMouseOver="this.stop()" 用于设置键盘移入该区域时停止滚动
marquee常用到的两个事件
完整代码如下：
虽然参数较多，但无法实现复杂、定制化的特殊跑马灯效果，而且还有浏览器的限制，所以更多情况下我们会使用JavaScript来实现跑马灯滚动效果。
至此html滚动标签，这篇关于HTML中marquee标签实现无缝滚动marquee效果的文章就介绍到这里了。 更多跑马灯无缝滚动跑马灯相关内容，请搜索developpaer.org往期文章或继续浏览下方相关文章
发表评论