HTML 之 marquee 标签(文字滚动)

导读:本篇文章讲解 HTML 之 marquee 标签(文字滚动),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

marquee 标签

常用属性:
1.鼠标移入移出
onMouseOut=“this.start()” :用来设置鼠标移出该区域时继续滚动
onMouseOver=“this.stop()”:用来设置鼠标移入该区域时停止滚动

2.behavior 设定滚动的方式:
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide: 表示由一端滚动到另一端,不会重复。

3.align 设定内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐

4.direction 设定内容的滚动方向
direction=“down”:向下
direction=“left”:向左
direction=“right”:向右
direction=“up”:向上

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<marquee  align="left" behavior="scroll" bgcolor="green" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
			完整案例
		</marquee>
	</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/96047.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!