第10章 移动的字体和图片

10.1移动属性基本语法:
  移动属性是双标的,其语法用marquee标记对表示,里面放的内
  容是要移对象,语法如下:
    <marquee>
        将要移动的文字或图片对象
    </marquee>
  属性marquee默认的是向左循环移动,对象移动是在所在父对象的有效区域内。
  实例:
  <html>
<head>
<title>移动的基本语法</title>
</head>
<body>
    <!--移动标签对,里面的文本将会移动-->
 <marquee>
    HTML+CSS完作自学手册---正在移动
 </marquee>
</body>
</html>
10.2文字的移动
   设置文字的移动的方向是在属性marquee中,设置对象移动的方向,其
 语法用direction表示,可接left(默认),right,语法如下:
 <marquee direction=#>
  实例:
  <html>
<head>
<title>文字的移动方向</title>
</head>
<body>
    <!--当不设置direction 值时表示默认向左-->
 <marquee>
    HTML+CSS完作自学手册---正在向左移动
 </marquee>
 <!--设置direction 值时向右-->
 <marquee direction="right">
    HTML+CSS完作自学手册---正在向右移动
 </marquee>
</body>
</html>
10.3图片的移动
实例:
<html>
<head>
<title>图片的移动</title>
</head>
<body>
    <!--设置移动区域大小-->
 <marquee width="600px" height="200px" bgcolor="#666666">
      <img src="a.jpg">图片的大小在marquee中移动
     </marquee>
</body>
</html>
10.4如何设置对象移动
下面从移劝方向,移动方式,移动速度,延时和宽高来介绍标记的设置。
   10.4.1文本移动的方向
   移动方向用参数direction,这个参数的取值有四个:left(向左),
   right(向右),up(向上),down(向下),
   语法如下:
   <marquee direction=up>向上移动</marquee>
   10.4.2
   文本的滚动循环
   语法用behavior其后可选择参数为:scroll(循环移动),slide(只移动一个回合),
   alternate(来回移动)语法如下:
   <marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>
   循环次数控制:
   用loop,语法如下:
   <marquee loop=3>我只走三次哦</marquee>
  
   10.4.3文本的移动速度
   用scrollamount来设置移动的速度,单位为毫秒,语法如下:
       <marquee scrollamount=25>我,我走多快!<marquee>
   移动的区域是有限的,那么想得到更大的区域,与其他属性一样用width表示宽度,用
   height表示高度。

你可能感兴趣的:(职场,休闲,THML)