首页 > 清新学堂 > 网页设计中网页如何设置对象移动
  • 网页设计中网页如何设置对象移动

  •  如何设置对象的移动,当引入 marquee 后,如按默认值表现来的效果并不是当初想要的,还需要进行设置,如移动的方向,区域的大小,是否循环移动等都在标记<marquee>中设置。
        下面从移动方向、移动方式、移动速度、延时和宽度与高度来介绍标记的设置,从上面的实例中可以知道,默认的移动方面是从右向左,而在标记中可以设置从左向右或从上到下等方向移动。

        移动的方向用参数direction表示,direction的英文意思就是方向。这个参数的取值有四个:left(左)、right(右)、up(上)、down(下)。通过设置方向值就可以设置对象往哪个方向移动了,代码如下:

        <marquee direction=up>向上移动</marquee>

        代码表示文本“向上移动”从下往上移动,而且是一次又一次不停地移动着。

        如果想设置对象移动的方式,比如是滚动循环,语法用behavior 表示,其后可选择参数为:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动),如下面代码表示来回移动。
        <marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>

        代码设置了文本来回移动,还可以设置文本在<marquee>标记中循环的次数,设置循环用loop,其后可接上具体数值表示循环的次数,如下表示设置了只循环三次。

        <marquee loop=3>我只走三次哦</marquee>

        还可以用scrollamount再设置移动的速度,可以设置很快也可以设置很慢,通过数值来设置,值取正整数。数值越大,速度越快,如下代码表示文本在标记中移动的速度。

        <marquee scrollamount=25>看,我走多快!</marquee>

        设置好移动的速度后,还可以设置对象的延时,延时用scrolldelay表示,单位是时间,用毫秒表示,1000毫秒表示1秒,下面是1秒延时。

        <marquee scrolldelay=1000>我走一走,停一停</marquee>

        移动的区域是有限的,那么想得到更大的区域可以设置移动的区域,与其他属性一样用width表示宽度而height表示高度,下面代码设置了区域的宽和高。

        <marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动!</marquee>
    通过设置不同对象的移动,来表现标记 marquee 的用法,在第一个marquee标记中,设置了向上移动的文本对象;在第二个marquee标记中,设置对象为来回移动,设置参数behavior的值为alternate,使对象在区域中来回移动;第三个移动标记中,设置参数loop为3,表示只移动3次;在第四个移动标记中,设置参数scrollamount的值为25,表示移动的速度;同理,第五个标记中,设置参数scrolldelay的值为1000,数值单位默认为毫秒,表示移动延迟为1000毫秒,刚好为1秒钟;在最后的移动标记中,设置了移动的区域为200像素的宽和高,背景为pink颜色,移动的方向为down,即向下。

  • 本文TAG关键词: 网页设计 对象移动 随机推荐:
  • 上一篇 上一篇:网页设计多媒体中如何引入视频文件
    下一篇 下一篇:网页设计中网站的定位的意义