html实现文字移动的特效

HTML文字移动特效代码

一、从右向左移  

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

二、从左向右移  

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

三、一圈一圈绕着移动  

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

四、只移动三次就停了  

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

五、移一步，停一停  

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

六、左右来回移动  

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

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

七、忽隐忽现移动  

<marquee behavior=“alternate”><marquee width=“150” direction=right>需要移动的文字</marquee> 

<marquee   behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee>

八、从下向上移动  

<marquee direction=up><div align=“center”>需要移动的文字

<marquee   direction=up><div align="center">需要移动的文字</div></marquee>

九 、从上向下移动  

<marquee direction=down><div align=“center”>需要移动的文字</div></marquee> 

<marquee   direction=down><div align="center">需要移动的文字</div></marquee>

十、垂直往复移动  

<marquee direction=up behavior=alternate><div align=“center”>需要移动的文字</font></div></marquee>

<marquee   direction=up behavior=alternate><div align="center">需要移动的文字</div></marquee>

十一、从左上向右下移动  

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

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

各主要参数的含义

align：是设定活动对象(图片或文字)的位置。

direction：用于设定活动对象的移动方向。

behavior="scroll"表示由一端移动到另一端。

behavior="slide"表示由一端移动到另一端，且不再重复。

behavior="alternate"表示在两端之间来回移动。

  height：用于设定移动对象的高度。

width：则设定移动对象的宽度。

hspace:用于设定移动对象的左右边框宽度。

vspace：上下边框的宽度。

scrollamount：用于设定活动对象的移动距离，数值越大移动越快。

scrolldelay：用于设定移动两次之间的延迟时间，数值越大越有跳跃感。

  loop：用于设定移动的次数，不设置该值则为无限循环

style="font-size: "用于设定文字大小。

wline-htight: 用于设定文字行间距。

font-family: 用于设定字体。

<marquee>标记的默认情况是向左移动无限次，字幕高度是 文本高 度，移动范围：水平移动的宽度是当前位 置的宽度，垂直移动的高度是当前位置的高度