|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。网页制造WEB文章简介:本节笔者报告HTML代码中对照特别的标签,它能使网页中的笔墨转动,而且能够把持其转动的属性。
制造转动笔墨
经由过程本章后面的进修,读者已可以很好地把持各类段落笔墨的显现体例,不外不管怎样设置,笔墨都是静态的。本节笔者报告HTML代码中对照特别的标签,它能使网页中的笔墨转动,而且能够把持其转动的属性。
4.3.1设置笔墨转动
HTML手艺中使笔墨转动的办法是利用双标签<marquee></marquee>。在HTML代码中可以使其感化区笔墨转动,默许为从右到左,轮回转动。在D:web目次下创立网页文件,定名为mar.htm,编写代码如代码4.15所示。
代码4.15笔墨转动的设置:mar.htm
<html>
<head>
<title>笔墨转动的设置</title>
</head>
<body>
<fontsize="5"color="#cc0000">
笔墨转动示例(默许):<marquee>做人要刻薄</marquee>
</font>
</body>
</html>
在扫瞄器地点栏输出http://localhost/mar.htm,扫瞄效果如.15所示。
.15设置笔墨转动默许情势
从.15可得,在未设置宽度时,<marquee></marquee>标签是独有一行的。
4.3.2设置笔墨转动的偏向
<marquee></marquee>标签的direction属性用于设置内容转动偏向,属性值有left、right、up、down,分离代表向左、向右、向上、向下,比方以下代码:
<marqueedirection="left">做人要刻薄</marquee>
<marqueedirection="right">做人要刻薄</marquee>
<marqueedirection="up">做人要刻薄</marquee>
<marqueedirection="down">做人要刻薄</marquee>
4.3.3设置笔墨转动的速率和情势
设置笔墨转动利用<marquee></marquee>标签,其属性申明以下。
—<marquee></marquee>标签的scrollamount属性用于设置内容转动速率。
—<marquee></marquee>标签的behavior属性用于设置内容转动体例,默许为scroll,即轮回转动,当其值为alternate时,内容未来回轮回转动。当其值为slide时,内容转动一次即中断,不会轮回。另有一个loop属性可设置其转动轮回次数,默许为没无限制。
—<marquee></marquee>标签的scrolldelay属性用于设置内容转动的工夫距离。
—<marquee></marquee>标签的bgcolor属性用于设置内容转动背景致(相似于body的背景致设置)。
—<marquee></marquee>标签的width属性用于设置内容转动背景宽度。
—<marquee></marquee>标签的height属性用于设置内容转动背景高度。
修正mar.htm网页文件,编写代码如代码4.16所示。
代码4.16笔墨转动的设置:mar.htm
<html>
<head>
<title>笔墨转动的设置</title>
</head>
<body>
<fontsize="3"color="#cc0000">
笔墨转动示例(默许):<marquee>做人要刻薄</marquee>
笔墨转动示例(向右):<marqueedirection="right"scrolldelay="500">做人要刻薄</marquee>
笔墨转动示例(向下,转动体例为slide,速率为10):<marqueescrollamount="10"behavior="slide">做人要刻薄</marquee>
笔墨转动示例(默许偏向,转动体例为alternate,轮回3次,速率为2):<marqueescrollamount="2"behavior="alternate"loop="3">做人要刻薄</marquee>
笔墨转动示例(向上,背景致为#CCFF66,设置了背景宽度和高度):<marqueedirection="up"bgcolor="#CCFF66"width="250"height="55">做人要刻薄</marquee>
</font>
</body>
</html>
在扫瞄器地点栏输出http://localhost/mar.htm,扫瞄效果如.16所示。
.16笔墨转动的分歧情势
<marquee></marquee>的浩瀚属功能十分便利地制造转动笔墨,在前面的JavaScript进修中,读者将持续深化<marquee></marquee>标签的静态举动进修。
</p>
WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。 |
|