注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

xianger

 
 
 

日志

 
 

文字各种移动代码  

2009-09-24 16:27:38|  分类: 【电脑制作】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 
 香儿编辑
 
文字各种移动代码
 
有里这套代码,你想让你的文字怎么动都可以~
 
 
 

一、从右向左移

 代码 

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

试例效果:

从右向左移
二、从左向右移

 代码 

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

试例效果:

从左向右移
三、一圈一圈绕着移动

 代码 

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

试例效果:

一圈一圈绕着移动
四、只移动三次就停了

 代码 

<MARQUEE loop=3 beha vior="slide">只移动三次就停了</MARQUEE>

试例效果:

只移动三次就停了
五、移一步,停一停

 代码 

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

试例效果:

移一步,停一停
六、左右来回移动

 代码 

<MARQUEE beha><WBR>需要移动的文字</MARQUEE>

试例效果:

香儿欢迎你

左右来回移动

七、忽隐忽现移动

 代码 

<MARQUEE direction=right width=150>忽隐忽现移动  香儿欢迎你</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>

试例效果:

从左上向右下移动

十二、 从右上向左下移动

 代码 

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

试例效果:

从右上向左下移动

十三、从左下向右上移动

 代码 

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

试例效果:

从左下向右上移动

十四、从右下向左上移动

 代码 

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

试例效果:

从右下向左上移动

十五、水平相反移动

 代码 

<p align=center> <marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字</marquee></p>

试例效果:

水平相反移动 动移相反平水

十六、左右两边向中间移动

 代码 

<p align=center><marquee style="width:216px;" direction=right>需要移动的文字</marquee><marquee style="width:216px;" direction=left>需要移动的文字</marquee></p>

试例效果:

左右两边向中间移动 动移间中向边两右左

十七、左右两边向中间来回移动

 代码 

<MARQUEE scrollAmount=3 beha><WBR>香儿欢迎你 左右向中间来回移动</MARQUEE>
<MARQUEE scrollAmount=3 direction=right beha><WBR>香儿欢迎你 动移回来间中向右左</MARQUEE>

试例效果:

香儿欢迎你  左右向中间来回移动 香儿欢迎你  动移回来间中向右左
十八、从上下向中间移动

 代码 

<p></p><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p></p>

试例效果:

从上下向中间移动 从上下向中间移动
十九、从中间向上下移动

 代码 

<p></p><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p> </p></marquee>

试例效果:

从中间向上下移动 从中间向上下移动
二十、上下向中间来回移动

 代码 

<MARQUEE scrollAmount=1 direction=down height=30 beha><WBR>
<DIV align=center>上下向中间来回移动</DIV></MARQUEE>
<MARQUEE scrollAmount=1 direction=up height=30 beha>
<DIV align=center>上下向中间来回移动</DIV></MARQUEE>

试例效果:

 

上下向中间来回移动
上下向中间来回移动

二十一、上下交替移动

 代码 

<TABLE borderColor=#f9f9f9 height=150 cellSpacing=0 cellPadding=0 width=290 align=center border=1>
<TBODY>
<TR>
<TD width=580 bgColor=#ffffff height=150>
<MARQUEE direction=up height=50 beha>需</MARQUEE>
<MARQUEE direction=up height=50 beha>要</MARQUEE>
<MARQUEE direction=up height=50 beha>移</MARQUEE>
<MARQUEE direction=up height=50 beha>动</MARQUEE>
<MARQUEE direction=up height=50 beha>的</MARQUEE>
<MARQUEE direction=up height=50 beha>文</MARQUEE>
<MARQUEE direction=up height=50 beha>字</MARQUEE>

试例效果:

二十二、移动后消失

 代码 

<MARQUEE style="WIDTH: 288px; HEIGHT: 120px" scrollAmount=5 direction=up>
<CENTER>
<DIV>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>需</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>移</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>要</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>动</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>的</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>字</CENTER></MARQUEE>
<MARQUEE direction=up height=100 beha><WBR>
<CENTER>文</CENTER></MARQUEE></DIV></CENTER></MARQUEE>

试例效果:

二十三、波浪式移动

 代码 

<TABLE borderColor=#f9f9f9 cellSpacing=0 cellPadding=0 width="50%" align=center border=1>
<TBODY>
<TR>
<TD width=580 bgColor=#ffffff height=50>
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE>
<P></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=4 beha>香儿欢迎你&nbsp;
<P></P>
<P style="TEXT-INDENT: 2em">波浪式移动</P>
<P style="TEXT-INDENT: 2em"></P></MARQUEE></P>

试例效果:

香儿欢迎你 

波浪式移动

二十四、往复波浪式移动

 代码 

<TABLE borderColor=#f9f9f9 cellSpacing=0 cellPadding=0 width=288 align=center border=1>
<TBODY>
<TR>
<TD width=288 bgColor=#ffffff height=50>
<MARQUEE>
<MARQUEE scrollAmount=3 beha>
<P>香儿欢迎你 </P>
<P>往复波浪式移动</P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

试例效果:

香儿欢迎你

往复波浪式移动

二十五、交替往复波浪式移动

 代码 

<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50 height=200 align="middle">需</marquee><marquee direction=up beha 的</marquee><marquee direction=up beha 要</marquee><marquee direction=up beha 文</marquee><marquee direction=up beha 移</marquee><marquee direction=up beha 字</marquee><marquee direction=up beha

</marquee>

试例效果:

香儿欢迎你  香儿欢迎你
二十六、S型移动

 代码 

<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=50,color=.ffffff)" scrollAmount=2 scrollDelay=65 direction=up height=80 beha><WBR>
<CENTER>&nbsp;&nbsp;&nbsp;&nbsp;香儿欢迎你&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 文字S型移动</CENTER></MARQUEE>

试例效果:

香儿欢迎你

文字S型移动

二十七、 多层多式复合移动

 代码 

<TBODY>
<TR>
<TD vAlign=top width=1>
<MARQUEE scrollAmount=1 direction=down height=100 beha><WBR>香儿欢迎你
<MARQUEE scrollAmount=4 direction=right  height=100 beha><WBR>需要移动的文字</MARQUEE></MARQUEE></TD>
<TD width=288>
<MARQUEE style="FILTER: wave(add=1,phase=4, freq=1,strength=50)" scrollAmount=2 scrollDelay=65 direction=up height=100 beha><WBR>香儿欢迎你
<CENTER>需要移动的文字</CENTER></MARQUEE></TD></TR></TBODY></TABLE>

试例效果:

 

香儿欢迎你

  波浪式移动

;

下移动

二十八、文字竖排渐出移动
代码:

 <MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=290 height=180>
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>你的样子在我脑海跑去跑来 </FONT></P>
<P align=left><FONT size=3><FONT face=楷体_GB2312 color=#000000>一想再想想不起&nbsp;&nbsp;敏捷的思维已</FONT><FONT face=楷体_GB2312 color=#000000>追不上</FONT></FONT></P>
<P align=left><FONT size=3><FONT face=楷体_GB2312 color=#000000>想你的频率&nbsp;&nbsp;</FONT><FONT face=楷体_GB2312 color=#000000>我试图找出种种理由把你卸下</FONT></FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>解放自己&nbsp;&nbsp;可我早已是样子的奴隶</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>我极力向想象空间讨要一个清晰的你</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>想象却总是把你模糊了零点一&nbsp;&nbsp;这样</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>我只好把自己痛苦的缩小再缩小</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>然后钻进那零点一的牛角尖里</FONT></P>
<P style="TEXT-INDENT: 2em">&nbsp;</P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>我愿意与你的样子对坐&nbsp;&nbsp;一遍一遍</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>温习你的声音&nbsp;&nbsp;这样的要求算不算高</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>我没有别的意思&nbsp;&nbsp;只想摘取你嘴角</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>新鲜的微笑&nbsp;&nbsp;安放在心事满满的心房</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>一个干净的角落&nbsp;&nbsp;那里存放着有关你的</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>所有消息&nbsp;&nbsp;是我寒夜寂寥取暖的领地</FONT></P>
<P align=left><FONT face=楷体_GB2312 color=#000000 size=3>红透的心思&nbsp;&nbsp;静静等待你呼风唤雨</FONT></P></MARQUEE></MARQUEE></P>


试例效果:

                                       

 

 

 

 

你的样子在我脑海跑去跑来

一想再想想不起  敏捷的思维已追不上

想你的频率  我试图找出种种理由把你卸下

解放自己  可我早已是样子的奴隶

我极力向想象空间讨要一个清晰的你

想象却总是把你模糊了零点一  这样

我只好把自己痛苦的缩小再缩小

然后钻进那零点一的牛角尖里

 

我愿意与你的样子对坐  一遍一遍

温习你的声音  这样的要求算不算高

我没有别的意思  只想摘取你嘴角

新鲜的微笑  安放在心事满满的心房

一个干净的角落  那里存放着有关你的

所有消息  是我寒夜寂寥取暖的领地

红透的心思  静静等待你呼风唤雨

二十九、文字穿梭移动

 代码 

<marquee scrollAmount=2 width=30 height=20>文&nbsp;&nbsp;&nbsp;&nbsp;文</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>字&nbsp;&nbsp;&nbsp;&nbsp;字</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>穿&nbsp;&nbsp;&nbsp;&nbsp;穿</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>梭&nbsp;&nbsp;&nbsp;&nbsp;梭</marquee>&nbsp;&nbsp;&nbsp;&nbsp;

试例效果:

  文        文       字        字       穿        穿       梭        梭

附  注

           各主要参数的含义:

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

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

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

           behavior="slide"表示由一端移动到另一端,且不再

                                    重复。

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

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

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

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

           vspace:上下边框的宽度。

           scrollamount:用于设定活动对象的移动距离,数值大

                                   越移动越快。

           scrolldelay:用于设定移动两次之间的延迟时间,数

                               值越大越有跳跃感。

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

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

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

           font-family: 用于设定字体。

           <marquee>标记的默认情况是向左移动无限次,字幕高度是

                             文本高 度,移动范围:水平移动的宽度是当前位

                             置的宽度,垂直移动的高度是当前位置的高度。

      本文由香儿小屋原创整理~    http://zhy-xianger.blog.163.com/  

香儿编辑

 
 

香儿编辑

 

 

  评论这张
 
阅读(17927)| 评论(35)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017