您现在的位置是：网站首页> 编程资料编程资料
详解html中的marquee属性HTML标签marquee实现滚动效果的简单方法(必看)Marquee.dllHTML标签marquee实现多种滚动效果(无需JS控制)div图片marquee无缝连接实现代码HTMl 中marquee标签实现无缝滚动跑马灯效果
2021-08-29
1167人已围观
简介 这篇文章主要介绍了详解html中的marquee属性的相关资料,需要的朋友可以参考下
该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果
该标签是个容器标签
语法：
以下是一个最简单的例子：
代码如下:
下面这两个事件经常用到：
onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动
代码如下:
这是一个完整的例子：
代码如下:
该标签支持的属性多达11个：
align
设定
absbottom：绝对底部对齐（与g、p等字母的最下端对齐）
absmiddle：绝对中央对齐
baseline：底线对齐
bottom：底部对齐（默认）
left：左对齐
middle：中间对齐
right：右对齐
texttop：顶线对齐
top：顶部对齐
代码如下:
behavior
设定滚动的方式：
alternate： 表示在两端之间来回滚动。
scroll： 表示由一端滚动到另一端，会重复。
slide： 表示由一端滚动到另一端，不会重复。
代码如下:
bgcolor
设定活动字幕的背景颜色，背景颜色可用RGB、16进制值的格式或颜色名称来设定。
代码如下:
direction
设定活动字幕的滚动方向
代码如下:
height
设定活动字幕的高度
代码如下:
width
设定活动字幕的宽度
代码如下:
hspace
设定活动字幕里所在的位置距离父容器水平边框的距离
This controls the horizontal（水平）space around the display box.
代码如下:
vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离
This controls the vertical（垂直） space around the display box.
代码如下:
loop
设定滚动的次数，当loop=-1表示一直滚动下去，默认为-1
代码如下:
scrollamount
设定活动字幕的滚动速度，单位pixels
代码如下:
scrolldelay
设定活动字幕滚动两次之间的延迟时间，单位millisecond（毫秒）
值大了会有一步一停顿的效果
代码如下:
以上所述是小编给大家介绍的详解html中的marquee属性，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
相关内容
- HTML页面中复选框的操作方法HTML form应用包括复选框、单选按钮的使用
- 快速解决input[type=file]打开时慢、卡顿的问题限制html文本框input只能输入数字和小数点input checkbox 扩大点击范围的实现方法关于input的file 控件及美化浅谈html中input只读属性readonly和disable的区别点击按钮文字变成input框,点击保存变成文字的实现代码
- 概述页面中浮动与清除浮动详解CSS中zoom属性或overflow:auto属性清除浮动的作用关于清除浮动塌陷的几种方法总结清除浮动的几种方法(推荐)CSS的clear属性清除浮动的基本用法示例清除浮动(float)的影响介绍浅谈css清除浮动(clearfix和clear)的用法浅谈CSS中的clear清除浮动CSS清除浮动的方法详解CSS浮动所差生的内容溢出问题及清除浮动的方法小结DIV+CSS 清除浮动常用方法总结
- html 基于 canvas 实现的一个截图小demo使用html2canvas实现浏览器截图的示例代码html5使用html2canvas实现浏览器截图的示例canvas与html5实现视频截图功能示例Html5新特性用canvas标签画多条直线附效果截图HTML5在canvas中绘制复杂形状附效果截图HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)video结合canvas实现视频在线截图功能
- HTML中表格动态添加_动力节点Java学院整理jQuery JSON动态获取表格数据特效源码Excel表格中怎么制作一个柱形动态图表?Excel表格中怎么制作带复选框的动态图表?jquery实现的超帅动态表格交叉变色高亮显示效果WPS为查看费力多数据表格改为动态数据显示技巧步骤Sigma Grid实现ajax动态表格(支持分页、列宽拖动、数据排序)用Excel管理表格 制作动态表头
- Html中使用自定义图片来实现checkbox显示的方法HTML5实现的自定义Checkbox和Radiobox 很酷的选中动画效果源码通过jQuery实现自定义可以替代html自带的checkbox和radioboxCSS+HTML自定义checkbox效果的实例代码
- html中关于form与表单提交操作的资料集合HTML表单提交的几种方式_动力节点Java学院整理HTML5利用约束验证API来检查表单的输入数据的代码实例基于HTML实现表单提交后不刷新页面 html form表单提交action和url跳转到actiond的区别介绍html中表单提交的实现
- 浅谈HTML的语义化和一些简单优化HTML5语义化元素你真的用对了吗HTML5新特性之语义化标签HTML5中语义化 b 和 i 标签HTML5 语义化结构化规范化HTML标签语义化（含H5） 详解HTML5常用的语义化标签浅谈语义化的HTML结构到底有什么好处使用语义化标签去写你的HTML 兼容IE6,7,8HTML标签语义化的介绍XHTML标签语义化介绍
- HTML中的5种空格各表示的意义HTML大于号、小于号、空格、引号等常用的转义代码写法一览表探讨HTML不同空格的特性与表现形式(推荐)浅谈HTML代码中的空格和空行浅析html 空格代码HTML/CSS中的空格处理及如何保留页面中的空格
- 5种做法实现table表格中的斜线表头效果 纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
