- 相干保举
网页HTML代码转动笔墨建造
报告HTML代码中比拟特别的标签，它能使网页中的笔墨转动，并且能够或许或许节制其转动的属性。以下是小编清算的网页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>
<font size="5" color="#cc0000">
笔墨转动示例（默许）：<marquee>做人要刻薄</marquee>
</font>
</body>
</html>
在阅读器地点栏输出//localhost/mar.htm，阅读结果如图4.15所示。
图4.15 设置笔墨转动默许情势
从图4.15可得，在未设置宽度时，<marquee></marquee>标签是独有一行的。
4.3.2 设置笔墨转动的标的目的
<marquee></marquee>标签的direction属性用于设置内容转动标的目的，属性值有left、right、up、down，别离代表向左、向右、向上、向下，比方以下代码：
<marquee direction="left">做人要刻薄</marquee>
<marquee direction="right">做人要刻薄</marquee>
<marquee direction="up">做人要刻薄</marquee>
<marquee direction="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>
<font size="3" color="#cc0000">
笔墨转动示例（默许）：<marquee>做人要刻薄</marquee>
笔墨转动示例（向右）：<marquee direction="right" scrolldelay="500">做人要刻薄</marquee>
笔墨转动示例（向下，转动体例为slide，速率为10）：<marquee scrollamount="10" behavior="slide">做人要刻薄</marquee>
笔墨转动示例（默许标的目的，转动体例为alternate，轮回3次，速率为2）：<marquee scrollamount="2" behavior="alternate" loop="3">做人要刻薄</marquee>
笔墨转动示例（向上，背景色为#CCFF66，设置了背景宽度和高度）：<marquee direction="up" bgcolor="#CCFF66" width="250" height="55">做人要刻薄</marquee>
</font>
</body>
</html>
在阅读器地点栏输出//localhost/mar.htm，阅读结果如图4.16所示。
图4.16 笔墨转动的差别情势
<marquee></marquee>的浩繁属性能很是便利地建造转动笔墨，在前面的JavaScript进修中，读者将持续深入<marquee></marquee>标签的静态行动进修。
【网页HTML代码转动笔墨建造】相干文章：
9条网页设想经常操纵的代码06-21
网页设想技能:视差转动结果05-31
网页设想笔墨排版10-07
若何建造网页 建造网页具体操纵步骤09-02
网页设想中的笔墨应用07-09
网页设想笔墨的全体编排04-19
网页设想网页建造的流程阐发08-26
Div+css教程之建造html的东西11-01
网页建造讲授设想06-29