10.2　文字的移动

由10.1节可以知道，文字的移动就是用属性marquee标记对文字进行操作，不过在本节中除了要用到上一节中介绍的语法外，还要对本行的文字设置不同的移动方向。在实际应用中并非按默认向左移动，可能需要向不同的方向移动才能表达出效果，这样就需要控制对象移动方向，本节来介绍文字对象的移动方向。

设置移动的方向是在移动属性marquee中，设置对象移动的方向其语法用direction表示，可接left表示向左，也是默认值，还可以接right，表示向右移动，完整语法如下。

＜marquee direction=#＞

在属性marquee中，设置方向值direction，其中#可以选择是left或right，表示对象向左还是向右移动，当不设置direction值时，系统默认向左，与设置direction值为left是一样的效果，在代码10.2中，一行文字表示向左移动，另一行文字表示向右移动。

代码10.2　源代码\第10章\文字的移动方向.html

—————————————-文件名：文字的移动方向.html—————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞文字的移动方向＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—当不设置direction值时表示默认向左—＞

07 ＜marquee＞

08 HTML+CSS完全自学手册—-正在向左移动

09 ＜/marquee＞

10 ＜！—设置direction值为右—＞

11 ＜marquee direction="right"＞

12 HTML+CSS完全自学手册—-正在向右移动

13 ＜/marquee＞

14 ＜/body＞

15 ＜/html＞

【代码解析】代码第7～13行用了两个marquee来移动两行文字，第一行表示默认的方向（没有写出direction值，按系统默认方向移动，代码第7行），而第二行将direction设置为right（代码第11行），即向右移动，移动前的效果如图10.3所示，移动后的效果如图10.4所示。

图　10.3　对象往各方向移动前

图　10.4　对象往各方向移动后

比较两图，在不同的时刻文本的位置在变化，正是由于文本移动产生的作用，而文本的流向是向右和向左，速度也是默认的（流向和速度等都可以设置），文本移动后的效果如图10.4所示。

注意　如果设置direction为left，与默认参数一样，可以省去，但要注意该参数用法和设置。