10.4.4　应用文本的全部移动标记

前面讲述的是常用的对移动标记的设置，下面用代码来演示上述所有功能。在实践中可以结合这些设置让网页的字体动起来。

代码10.4　源代码\第10章\设置对象移动.html

——————————————文件名：设置对象移动.html——————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞设置对象的移动＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！-设置不同对象的移动—＞

07 ＜marquee direction=up＞向上移动＜/marquee＞

08 ＜marquee direction=left behavior=alternate＞哈哈，我来回走！＜/marquee＞

09 ＜marquee loop=3＞我只走三次哦＜/marquee＞

10 ＜marquee scrollamount=25＞看，我走多快！＜/marquee＞

11 ＜marquee scrolldelay=1000＞我走一走，停一停＜/marquee＞

12 ＜marquee width=200 height=200 bgcolor=pink direction=down＞这个面积不够我移动！

13 ＜/marquee＞

14 ＜/body＞

15 ＜/html＞

【代码解析】在代码10.4中，通过设置不同对象的移动，来表现标记marquee的用法。在第1个marquee标记中，设置了向上移动的文本对象（代码第7行）；在第2个marquee标记中，设置对象为来回移动，设置参数behavior的值为alternate，使对象在区域中来回移动（代码第8行）；在第3个移动标记中，设置参数loop为3，表示只移动3次（代码第9行）；在第4个移动标记中，设置参数scrollamount的值为25，表示移动的速度（代码第10行）；同理，在第5个标记中，设置参数scrolldelay的值为1000，数值单位默认为毫秒，表示移动延迟为1000毫秒，刚好为1秒（代码第11行）；在最后的移动标记中，设置了移动的区域为200像素的宽和高，背景为pink（粉色），移动的方向为down（向下）（代码第12行），效果如图10.6所示。

图　10.6　图片移动

注意　在设置移动标记的参数时，可以在标记内设置多个参数，综合这些参数在网页中表现出效果。