您现在的位置:首页 >> 前端 >> 内容

网页文字移动效果展示

时间:2017/7/13 16:51:32 点击:

  核心提示:1.从右向左移动marquee direction=left需要移动的文字/marquee2.从左向右移动marquee direction=right需要移动的文字/marquee3.一圈一圈绕着移...

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>标记的默认情况是向左移动无限次,字幕高度是
文本高 度,移动范围:水平移动的宽度是当前位

作者:网络 来源:urbunt的博客
  • 上一篇:使用WebWorker
  • 下一篇:HTMLResponsiveWebPage