网页文字移动效果展示

来源:互联网 发布:java base64 转换 编辑:程序博客网 时间:2024/06/05 18:37

1.从右向左移动

<marquee direction=left>需要移动的文字</marquee>

2.从左向右移动

<marquee direction=right>需要移动的文字</marquee>

3.一圈一圈绕着移动

<marquee behavior=scroll>需要移动的文字</marquee>

4.只移动三次停

<marquee loop=3 behavior=slide>需要移动的文字</marquee>

5.移动一步,停一步

<marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>

各主要参数的含义:
align:是设定活动对象(图片或文字)的位置。
direction:用于设定活动对象的移动方向。
behavior="scroll"表示由一端移动到另一端。
behavior="slide"表示由一端移动到另一端,且不再重复。
behavior="alternate"表示在两端之间来回移动。
height:用于设定移动对象的高度。
width:则设定移动对象的宽度。
hspace:用于设定移动对象的左右边框宽度。
vspace:上下边框的宽度。
scrollamount:用于设定活动对象的移动距离,数值越大移动越快。
scrolldelay:用于设定移动两次之间的延迟时间,数值越大越有跳跃感。
loop:用于设定移动的次数,不设置该值则为无限循环
style="font-size: "用于设定文字大小。
wline-htight: 用于设定文字行间距。
font-family: 用于设定字体。
<marquee>标记的默认情况是向左移动无限次,字幕高度是
文本高 度,移动范围:水平移动的宽度是当前位

原创粉丝点击