分享

HTML文字移动特效代码

 myweblog 2015-01-03

HTML文字移动特效代码
一、从右向左移  
代码 
<marquee direction=left>需要移动的文字</marquee> 
二、从左向右移  
代码 
<marquee direction=right>需要移动的文字</marquee> 
三、一圈一圈绕着移动  
代码 
<marquee behavior=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">需要移动的文字</font></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: 用于设定字体。
<marquee>标记的默认情况是向左移动无限次,字幕高度是 文本高 度,移动范围:水平移动的宽度是当前位 置的宽度,垂直移动的高度是当前位置的高度
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约