-
网页设计中网页如何设置对象移动
-
如何设置对象的移动,当引入 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关键词:
网页设计
对象移动
随机推荐:
- 设计一个客厅和一个家庭房坦帕风格
- 开放式厨房常见的4种装修风格的搭配技巧
- 室内设计软件Autocad的发展前景
- 室内室内空间设计讲究哪些
- 室内装修家庭适合什么厨房
- 室内装修中瓷砖的分类有哪些
- 装修小知识之室内装修色彩搭配技巧
- 室内卧室怎么装修衣帽间隐形门
- 室内装修厨房设计增大空间窍门
- 室内家居装修室内色彩搭配指南
-
上一篇:网页设计多媒体中如何引入视频文件 下一篇:网页设计中网站的定位的意义