第10章　移动的字体和图片

无论是新闻网站还是电子商务网站，对及时新闻的显示或广告的滚动播出，都会用到移动显示。所谓的移动就是让对象动起来，对象包括文字和图片。移动属性语法用marquee表示，是双标记对，标记对里放置的是将要移动的对象，可以是图片或文本等。

学习本章，将会了解以下内容：

❑移动属性的基本语法；

❑文字的移动；

❑图片的移动；

❑如何设置对象移动；

❑移动实例手把手。

在网页中，可以让文字或图片在指定的区域动起来，可以是由上到下或者由下到上移动，还可以左右移动，也可以设置移动多少次。这些效果往往在电子商城中对卖得很火的产品设置移动，有的公告也可以移动，本节来分析和讲解这样的效果。

移动属性是双标记的，其语法用marquee标记对表示，里面放的内容就是要移动的对象，完整语法如下。

＜marquee＞

将要移动的文字或图片对象

＜/marquee＞

属性marquee默认的是向左循环移动，对象移动是在其所在的父对象的有效区域内，代码10.1表示属性基本语法的用法。

代码10.1　源代码\第10章\移动的基本语法.html

—————————————-文件名：移动的基本语法.html—————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞移动的基本语法＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—移动标签对，里面的文本将会移动—＞

07 ＜marquee＞

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

09 ＜/marquee＞

10 ＜/body＞

11 ＜/html＞

【代码解析】代码第5～10行在＜body＞＜/body＞中放入属性marquee标记对，然后输入要移动的文字，这是最简单的移动表示（还有几个可选参数没设置，不设置就是默认的），移动前的效果如图10.1所示，移动后的效果如图10.2所示。

图　10.1　对象移动前

图　10.2　对象移动后

在设置marquee时，文本就在默认的区域从右向左移动，当在不同时间查看网页时，文本在网页的位置也不一样，如图10.2所示正处于从右边向中间移动的文本效果。其中速度也是默认的。

说明　图10.1和图10.2其实二者都有移动，在书本上只用两张网页移动位置不同来比较，要想看到真正的效果，请读者自己编写代码或直接在随书光盘的源代码第10章中查看，稍后介绍对移动属性设置的参数值。