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 width="150" direction=right>需要移动的文字marquee>

八、从下向上移动  

需要移动的文字

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

九 、从上向下移动  

需要移动的文字
 

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

十、垂直往复移动  

需要移动的文字

<marquee   direction=up behavior=alternate><div align="center">需要移动的文字div>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: 用于设定字体。

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

你可能感兴趣的:(前端知识,html)