移動(dòng)文字代碼大全

震宇 2012-08-30

展開全文

移動(dòng)文字代碼大全

移動(dòng)的一些屬性及參數(shù)：

MARQUEE 移動(dòng)的起始代碼，令文字、圖片移動(dòng)。

 表示居中

direction= “一個(gè)參數(shù)”，移動(dòng)方向 : 參數(shù)有：left（左),、right(右)、up(上)、down(下)

scrollamount=5 移動(dòng)的速度,。給的數(shù)值越大速度越快，可根據(jù)自己的需要來設(shè)置,。

font 文字的字體,。

width 表示為寬度。放在不同的地方表示不同的作用,。如是文字表示文字

的展示寬度,；如是圖片則表示為圖片的寬度；如是flash則表示為flash的寬度,。

height 表示為高度,。其作用和寬度一樣。

img src= 圖片起始符,。等號(hào)后面加入圖片的絕對(duì)地址,。

loop=3 表示移動(dòng)的次數(shù)，等號(hào)后面的數(shù)值根據(jù)需要自己設(shè)置,。

bgcolor 表示為背景色,，如（bgcolor=pink）pink 是背景顏色

behavior 移動(dòng)方式。參數(shù)有：scroll(循環(huán)移動(dòng))slide(只移動(dòng)一個(gè)回合)alternate(來回移動(dòng))

scrolldelay = 100 表示延時(shí),，單位為毫秒,，數(shù)值越大，停頓時(shí)間就越長(zhǎng),。

 在平時(shí)的運(yùn)用中還有很多方法,。移動(dòng)不僅僅用于文字、圖片,，還可用于邊框,。下面是一些經(jīng)?？捎玫囊苿?dòng)代碼。具體插入的地方可根據(jù)大家的喜歡和需要去插入,。但一定要記住的是：必須插入在你網(wǎng)頁的文字展示區(qū)域里,。也就是說插在所有邊框代碼最后<TD>代碼的后面。這樣就不會(huì)出現(xiàn)錯(cuò)碼和亂碼,。

中間向兩邊跑的移動(dòng)：

往外移動(dòng) 動(dòng)移外往

代碼：

<MARQUEE width=200 height=50>往外移動(dòng)

</MARQUEE>

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

動(dòng)移外往</MARQUEE>

文字上下合并代碼：

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

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

朋友您好歡迎光臨
朋友您好歡迎光臨

文字和圖片向兩邊移動(dòng)

圖片在上代碼：
<marquee height="380" width="300"><img height="250" width="300" src=" http://image27.360doc.com/DownloadImg/2011/04/2521/11222553_1.jpg color="#ee110e" size="5" face="華文彩云">文字和圖片向兩邊移動(dòng)</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 color="#ee110e" size="5" face="華文彩云">文字和圖片向兩邊移動(dòng)</marquee>

文字和圖片向兩邊移動(dòng)

文字和圖片向兩邊移動(dòng)

文字在上代碼：
<marquee height="250" width="300">文字和圖片向兩邊移動(dòng) <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">文字和圖片向兩邊移動(dòng) <img height="380" width="300" src="http://image27.360doc.com/DownloadImg/2011/04/2521/11222553_1.jpg"> </marquee>

文字和圖片向兩邊移動(dòng)

文字從中間往上下分開：
<marquee direction="up">祝朋友萬事如意,！</marquee> 
<marquee direction="down">祝朋友萬事如意！</marquee>
效果：
祝朋友萬事如意,！
祝朋友萬事如意,！

文字上下往中間合并：

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

效果：

祝朋友萬事如意,！
祝朋友萬事如意！

文字原地跳動(dòng)：

<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>動(dòng)</MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80>文</MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80>字</MARQUEE>
效果：

原地跳動(dòng) 文字

原地跳動(dòng)的文字:

原地跳 動(dòng) 文字

代碼：

交替跳躍的文字

交替跳躍文字

代碼：

隔字跳動(dòng)文字代碼：
<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>動(dòng)</MARQUEE>
<MARQUEE direction=up height=160 behavior=alternate width=80>文</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>字</MARQUEE>

效果：

隔字跳動(dòng) 文字

單字移動(dòng)代碼（橫排版）代碼：

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

震宇書館歡迎您

單字移動(dòng)代碼（豎排版）代碼：

效果：

震
宇
書
館
歡
迎
您

在圖片上添加飄動(dòng)文字的代碼：

<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>圖片添加飄動(dòng)文字</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<CENTER></CENTER>

圖片添加飄動(dòng)文字

滾動(dòng)特效（上翻滾）

歡迎光臨震宇書館地址http://fuxing875263.360doc.com

歡迎光臨震宇書館

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

</marquee>

文字從右向左移動(dòng) ：

文字從右向左移動(dòng)

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

</MARQUEE> 

文字從右向左移動(dòng)

文字從右向左移動(dòng)

<DIV align=center>
<MARQUEE style="WIDTH: 600px; HEIGHT: 48px" width=363 height=48>字體從右向左移動(dòng)</MARQUEE></DIV><DIV align=center> </DIV>

移動(dòng)代碼

安德烈．瑞歐在專輯《愛在世界的每個(gè)角落》再度以他獨(dú)特的編曲技法，融合古典與輕音樂大樂團(tuán)的演出方式,，演出一首又一首世人耳熟能祥的樂曲,。選曲切合專輯的名稱，從奧斯卡金曲〈世事當(dāng)如此〉,，到俄羅斯民謠〈黑眼珠〉,；從維也納圓舞曲〈風(fēng)流寡婦〉，到法國(guó)香頌經(jīng)典〈巴黎天空下〉,，每一首都是深具代表性與地方色彩的動(dòng)人樂曲,，欣賞這張專輯，樂迷更能深入體會(huì)到「音樂無國(guó)界」的意義,。

<MARQUEE scrollAmount=1 direction=up> 安德烈．瑞歐在專輯《愛在世界的每個(gè)角落》再度以他獨(dú)特的編曲技法,，融合古典與輕音樂大樂團(tuán)的演出方式，演出一首又一首世人耳熟能祥的樂曲,。選曲切合專輯的名稱,，從奧斯卡金曲〈世事當(dāng)如此〉，到俄羅斯民謠〈黑眼珠〉,；從維也納圓舞曲〈風(fēng)流寡婦〉,，到法國(guó)香頌經(jīng)典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動(dòng)人樂曲,，欣賞這張專輯,，樂迷更能深入體會(huì)到「音樂無國(guó)界」的意義。</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>

文字豎排滾動(dòng)（豎排漸出）

北國(guó)風(fēng)光,，
千里冰封,，
萬里雪飄,。
望長(zhǎng)城內(nèi)外，
惟馀莽莽,；
大河上下,，
頓失滔滔。
山舞銀蛇,，
原馳蠟象,，
欲與天公試比高。
須晴日,，
看紅妝素裹，
分外妖嬈,。

江山如此多嬌,，
引無數(shù)英雄競(jìng)折腰。
惜秦皇漢武,，
略輸文采,；
唐宗宋祖，
稍遜風(fēng)騷,。
一代天驕,，
成吉思汗，
只識(shí)彎弓射大雕,。
俱往矣,，
數(shù)風(fēng)流人物，
還看今朝,。

<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>
北國(guó)風(fēng)光,， 千里冰封， 萬里雪飄,。 望長(zhǎng)城內(nèi)外,， 惟馀莽莽； 大河上下,， 頓失滔滔,。 山舞銀蛇， 原馳蠟象,， 欲與天公試比高,。 須晴日， 看紅妝素裹,， 分外妖嬈,。 江山如此多嬌， 引無數(shù)英雄競(jìng)折腰,。 惜秦皇漢武,， 略輸文采,； 唐宗宋祖， 稍遜風(fēng)騷,。 一代天驕,， 成吉思汗， 只識(shí)彎弓射大雕,。 俱往矣,， 數(shù)風(fēng)流人物， 還看今朝,。
</marquee></marquee></div>

文字左右移動(dòng)：

歡迎光臨震宇書館

<marquee behavior="alternate">歡迎光臨震宇書館</marquee>

如何在圖片中加滾動(dòng)字

向上滾動(dòng)的字代碼如下：

<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>

祝朋友們健康快樂！

向右移動(dòng)的字代碼如下：

<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 是控制字速,，數(shù)值越大字速就越快！

祝朋友們健康快樂,！

波浪式的文字

波浪式的文字

 代碼：

<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>

左右運(yùn)動(dòng)的文字

左右運(yùn)動(dòng)的文字

左右運(yùn)動(dòng)的文字

代碼：

<MARQUEE direction=right width=250 height=50>
<DIV align=center>左右運(yùn)動(dòng)的文字</DIV></MARQUEE></DIV>
<DIV align=center>
<MARQUEE width=250 height=50>
<DIV align=center>左右運(yùn)動(dòng)的文字</DIV></MARQUEE>

移動(dòng)拋射字體



移動(dòng)拋射字體

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

 
 

<MARQUEE style="FILTER: shadow(color=#9932cc,strength=30); WIDTH: 514px; HEIGHT: 80px" DIV> 移動(dòng)拋射字體 </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 是上下起伏飛翔幅度,，可以調(diào)整，區(qū)分圖片大小,，一般設(shè)置在50至150的范圍內(nèi)比較好

<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 是上下起伏飛翔幅度,，可以調(diào)整，區(qū)分圖片大小,，一般設(shè)置在50至150的范圍內(nèi)比較好

<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>

扭曲移動(dòng)文字：

歡迎光臨
謝謝欣賞

代碼：

<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>

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn),。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：震宇 > 《文字圖片》

舉報(bào)/認(rèn)領(lǐng)