移动文字代码大全

震宇 2012-08-30

展开全文

移动文字代码大全

移动的一些属性及参数：

MARQUEE 移动的起始代码，令文字、图片移动。

 表示居中

direction= “一个参数”，移动方向 : 参数有：left（左)、right(右)、up(上)、down(下)

scrollamount=5 移动的速度。给的数值越大速度越快，可根据自己的需要来设置。

font 文字的字体。

width 表示为宽度。放在不同的地方表示不同的作用。如是文字表示文字

的展示宽度；如是图片则表示为图片的宽度；如是flash则表示为flash的宽度。

height 表示为高度。其作用和宽度一样。

img src= 图片起始符。等号后面加入图片的绝对地址。

loop=3 表示移动的次数，等号后面的数值根据需要自己设置。

bgcolor 表示为背景色，如（bgcolor=pink）pink 是背景颜色

behavior 移动方式。参数有：scroll(循环移动)slide(只移动一个回合)alternate(来回移动)

scrolldelay = 100 表示延时，单位为毫秒，数值越大，停顿时间就越长。

 在平时的运用中还有很多方法。移动不仅仅用于文字、图片，还可用于边框。下面是一些经常可用的移动代码。具体插入的地方可根据大家的喜欢和需要去插入。但一定要记住的是：必须插入在你网页的文字展示区域里。也就是说插在所有边框代码最后<TD>代码的后面。这样就不会出现错码和乱码。

中间向两边跑的移动：

往外移动 动移外往

代码：

<MARQUEE width=200 height=50>往外移动

</MARQUEE>

<MARQUEE direction=right width=200 height=50>

动移外往</MARQUEE>

文字上下合并代码：

<marquee direction="down" height="60" scrollAmount="2">
<center>朋友您好欢迎光临</center></marquee>

<marquee direction="up" height="60" scrollAmount="2">
<center>朋友您好欢迎光临</center></marquee>

朋友您好欢迎光临
朋友您好欢迎光临

文字和图片向两边移动

图片在上代码：
<marquee height="380" width="300"><img height="250" width="300" src=" http://image27.360doc.com/DownloadImg/2011/04/2521/11222553_1.jpg "> 文字和图片向两边移动</marquee>
<marquee direction="right" height="380" width="300"><img height="250" width="300" src="http://image27.360doc.com/DownloadImg/2011/04/2521/11222553_1.jpg "> 文字和图片向两边移动</marquee>

文字和图片向两边移动

文字和图片向两边移动

文字在上代码：
<marquee height="250" width="300">文字和图片向两边移动 <img height="380" width="300" src=" http://image27.360doc.com/DownloadImg/2011/04/2521/11222553_1.jpg "></marquee>
<marquee direction="right" height="250" width="300">文字和图片向两边移动 <img height="380" width="300" src="http://image27.360doc.com/DownloadImg/2011/04/2521/11222553_1.jpg"> </marquee>

文字和图片向两边移动

文字从中间往上下分开：
<marquee direction="up">祝朋友万事如意！</marquee> 
<marquee direction="down">祝朋友万事如意！</marquee>
效果：
祝朋友万事如意！
祝朋友万事如意！

文字上下往中间合并：

<MARQUEE direction=down>祝朋友万事如意！</MARQUEE> 
<MARQUEE direction=up>祝朋友万事如意！</MARQUEE>

效果：

祝朋友万事如意！
祝朋友万事如意！

文字原地跳动：

<MARQUEE direction=up height=150 behavior=alternate width=80>原</MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80>地</MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80>跳</MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80>动</MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80>文</MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80>字</MARQUEE>
效果：

原地跳动文字

原地跳动的文字:

原地跳动文字

代码：

交替跳跃的文字

交替跳跃文字

代码：

隔字跳动文字代码：
<MARQUEE direction=up height=160 behavior=alternate width=80>隔</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>字</MARQUEE>
<MARQUEE direction=up height=160 behavior=alternate width=80>跳</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>动</MARQUEE>
<MARQUEE direction=up height=160 behavior=alternate width=80>文</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>字</MARQUEE>

效果：

隔字跳动文字

单字移动代码（横排版）代码：

说明：scrollAmount="1"值越大越快；scrollDelay="10"值越大越慢。

震宇书馆欢迎您

单字移动代码（竖排版）代码：

效果：

震
宇
书
馆
欢
迎
您

在图片上添加飘动文字的代码：

<TBODY>
<TR>
<TD background=http://image52.360doc.com/DownloadImg/2012/06/0516/24634645_2.jpg>
<MARQUEE direction=down height=350 behavior=alternate scrollAmount=3>
<MARQUEE behavior=alternate width=650 scrollAmount=3>图片添加飘动文字</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<CENTER></CENTER>

图片添加飘动文字

滚动特效（上翻滚）

欢迎光临震宇书馆地址http://fuxing875263.360doc.com

欢迎光临震宇书馆

地址[url]http://www.[/url]

</marquee>

文字从右向左移动：

文字从右向左移动

<MARQUEE style="FILTER: shadow(color=nAVY); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #8f21ba; FONT-SIZE: 40pt" scrollAmount=3 FONT="">文字从右向左移动

</MARQUEE> 

文字从右向左移动

文字从右向左移动

<DIV align=center>
<MARQUEE style="WIDTH: 600px; HEIGHT: 48px" width=363 height=48>字体从右向左移动</MARQUEE></DIV><DIV align=center> </DIV>

移动代码

安德烈．瑞欧在专辑《爱在世界的每个角落》再度以他独特的編曲技法，融合古典与轻音乐大乐团的演出方式，演出一首又一首世人耳熟能祥的乐曲。选曲切合专辑的名称，從奧斯卡金曲〈世事当如此〉，到俄罗斯民谣〈黑眼珠〉；从維也納圓舞曲〈風流寡婦〉，到法國香頌經典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動人樂曲，欣賞這張專輯，乐迷更能深入體會到「音樂無國界」的意義。

<MARQUEE scrollAmount=1 direction=up> 安德烈．瑞欧在专辑《爱在世界的每个角落》再度以他独特的編曲技法，融合古典与轻音乐大乐团的演出方式，演出一首又一首世人耳熟能祥的乐曲。选曲切合专辑的名称，從奧斯卡金曲〈世事当如此〉，到俄罗斯民谣〈黑眼珠〉；从維也納圓舞曲〈風流寡婦〉，到法國香頌經典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動人樂曲，欣賞這張專輯，乐迷更能深入體會到「音樂無國界」的意義。</MARQUEE>

画面定位贴文字（竖排渐出）

<div style="POSITION: absolute; WIDTH: 200px; TOP: 70px; LEFT: 140px">
 <marquee height=200 behavior=slide width=200 scrollAmount=1 scrollDelay=100>
 <marquee style="WRITING-MODE: tb-rl; LINE-HEIGHT: 100%" direction=up height=200 behavior=slide width=200 scrollAmount=1 scrollDelay=100>
 <div style="LINE-HEIGHT: 180%; WIDTH: 30%; FONT-FAMILY: 宋体; COLOR: #00ff00; FONT-SIZE: 12pt">欢迎光临 震宇书馆</div>
 </marquee></marquee></div>

文字竖排滚动（竖排渐出）

北国风光，
千里冰封，
万里雪飘。
望长城内外，
惟馀莽莽；
大河上下，
顿失滔滔。
山舞银蛇，
原驰蜡象，
欲与天公试比高。
须晴日，
看红妆素裹，
分外妖娆。

江山如此多娇，
引无数英雄竞折腰。
惜秦皇汉武，
略输文采；
唐宗宋祖，
稍逊风骚。
一代天骄，
成吉思汗，
只识弯弓射大雕。
俱往矣，
数风流人物，
还看今朝。

<div align=center> 
<marquee height=400 behavior=slide width=900 loop=1 scrollAmount=1 scrollDelay=100>
<marquee style="WRITING-MODE: tb-rl; LINE-HEIGHT: 120%" direction=up height=400 width=900 scrollAmount=1 scrollDelay=100>
北国风光， 千里冰封， 万里雪飘。 望长城内外， 惟馀莽莽； 大河上下， 顿失滔滔。 山舞银蛇， 原驰蜡象， 欲与天公试比高。 须晴日， 看红妆素裹， 分外妖娆。 江山如此多娇， 引无数英雄竞折腰。 惜秦皇汉武， 略输文采； 唐宗宋祖， 稍逊风骚。 一代天骄， 成吉思汗， 只识弯弓射大雕。 俱往矣， 数风流人物， 还看今朝。
</marquee></marquee></div>

文字左右移动：

欢迎光临震宇书馆

<marquee behavior="alternate">欢迎光临震宇书馆</marquee>

如何在图片中加滚动字

向上滚动的字代码如下：

<TABLE height=100 cellPadding=10 width=640 align=center background=图片地址border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center>

<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84>

<DIV align=center>

祝朋友们健康快乐！

</MARQUEE></DIV></TD></TR></TBODY></TABLE>

祝朋友们健康快乐！

向右移动的字代码如下：

<TABLE height=500 cellPadding=10 width=640 align=center background=图片地址border=3 table="0">

<TBODY>

<TR>

<TD></EMBED> 

<DIV align=center>

<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100>



祝朋友们健康快乐！

</MARQUEE></DIV></TD></TR></TBODY></TABLE>

注：scrollAmount=2 是控制字速，数值越大字速就越快！

祝朋友们健康快乐！

波浪式的文字

波浪式的文字

 代码：

<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460 src="">
<DIV align=center>波浪式的文字</DIV></MARQUEE></DIV></MARQUE></MARQUEE>

左右运动的文字

左右运动的文字

左右运动的文字

代码：

<MARQUEE direction=right width=250 height=50>
<DIV align=center>左右运动的文字</DIV></MARQUEE></DIV>
<DIV align=center>
<MARQUEE width=250 height=50>
<DIV align=center>左右运动的文字</DIV></MARQUEE>

移动抛射字体



移动抛射字体

代码;
<TABLE>
<TBODY>
<TR>
<TD> </TD>
<TD>

 
 

<MARQUEE style="FILTER: shadow(color=#9932cc,strength=30); WIDTH: 514px; HEIGHT: 80px" DIV> 移动抛射字体 </MARQUEE></TD></TR></TBODY></TABLE>

模糊背景文字

模糊背景文字

代码：<DIV style="FONT-SIZE: 30pt; FILTER: glow(color: cc8888,strength=40); WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER>模</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=120>
<CENTER>糊</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER>背</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=120>
<CENTER>景</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER>文</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=120>
<CENTER>字</CENTER></MARQUEE></DIV>

左向右上下起伏飞翔：

height=150 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

<MARQUEE direction=right>

<MARQUEE style="WIDTH: 607px; HEIGHT: 70px" direction=up height=70 behavior=alternate> !去回快 <IMG alt=" 用代码写的漂亮字体 " src="http://image27.360doc.com/DownloadImg/2011/04/1809/11012101_5.gif" __1303091370127__="ev_7099918752"><IMG alt=" 用代码写的漂亮字体 " src="http://image54.360doc.com/DownloadImg/2012/08/3014/26501719_1.gif" __1303091370127__="ev_6471285106"><IMG alt=" 用代码写的漂亮字体" src="http://image27.360doc.com/DownloadImg/2011/04/1809/11012101_4.gif" __1303091370127__="ev_1213199523"></MARQUEE> </MARQUEE>
 !去回快


右向左上下起伏飞翔：

height=100 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

<MARQUEE>
<MARQUEE style="WIDTH: 400px; HEIGHT: 80px" direction=up height=80 behavior=alternate><IMG alt=" 用代码写的漂亮字体" src="http://image27.360doc.com/DownloadImg/2011/04/1809/11012101_3.gif" __1303091370127__="ev_6593992668"><IMG alt=" 用代码写的漂亮字体" src="http://image54.360doc.com/DownloadImg/2012/08/3014/26501719_1.gif" __1303091370127__="ev_7432194711"> </MARQUEE></MARQUEE>

竖排渐出方案代码：

向下:down 向左:alternate 向右:right

白日依山尽
黄河入海流
欲穷千里目
更上一层楼


代码：

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=480 height=100>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=480 height=160>
白日依山尽 黄河入海流 欲穷千里目 更上一层楼 </MARQUEE></MARQUEE></DIV>

扭曲移动文字：

欢迎光临
谢谢欣赏

代码：

<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=15,color=.FF0000)" scrollAmount=2 scrollDelay=180 direction=up behavior=alternate height=180>
<CENTER>欢迎光临 谢谢欣赏</CENTER></MARQUEE>