【音畫(huà)教室】文字移動(dòng)特效代碼（三）

昵稱(chēng)Ft0PO 2011-10-17

展開(kāi)全文

【音畫(huà)教室】文字移動(dòng)特效代碼（三）

★★文字走馬燈效果代碼：

★文字走馬燈效果代碼
<MARQUEE width=657 height=21>這里輸入文字 ★改變文字的字體和顏色代碼1 要修改字體和顏色的提示：color=文章顏色 ★改變文字的字體和顏色代碼2 輸入文字 提示：color=文章顏色 ★移動(dòng)文字代碼
<MARQUEE width=657 height=21>你要寫(xiě)的文字</MARQUEE>★文字特效顯示代碼效果一：
<CENTER>輸入文字</CENTER>效果二：
<CENTER>輸入文字</CENTER>效果三：
<CENTER>輸入文字</CENTER></MARQUEE>

效果：

這里輸入文字 ★改變文字的字體和顏色代碼1 要修改字體和顏色的提示：color=文章顏色 ★改變文字的字體和顏色代碼2 輸入文字提示：color=文章顏色 ★移動(dòng)文字代碼你要寫(xiě)的文字★文字特效顯示代碼效果一： 輸入文字效果二： 輸入文字效果三：輸入文字

2、設(shè)置不同移動(dòng)效果的文字：

基本語(yǔ)法：
<marquee behavior=移動(dòng)效果>插入文字,</marquee>

屬性如下：
behavior=scroll 一圈一圈繞著走
behavior=slide 只走一次　

behavior=alternate 來(lái)回走

效果：

一圈一圈繞著走：歡迎光臨知音論壇!

只走一次：歡迎光臨知音論壇!

來(lái)回走：歡迎光臨知音論壇!

3、走走停停文字設(shè)置：

基本語(yǔ)法：
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

效果：

歡迎光臨知音論壇!

四、設(shè)計(jì)不同特效的文字:

1、上下移動(dòng)：
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="圖片地址">插入文字</MARQUEE></MARQUE></MARQUEE>

效果：

歡迎光臨知音論壇!

2、左右移動(dòng)：

<MARQUEE height=50 width=350>插入文字</MARQUEE><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE>

提醒：在用這種效果時(shí)，文字移動(dòng)范圍的寬width的取值很重要，兩段文字移動(dòng)范轉(zhuǎn)的width取值和一定要小于背景層width的取值。

效果：

歡迎光臨知音論壇! 歡迎光臨知音論壇!

3、固定不動(dòng)：

插入文字

效果：

歡迎光臨知音論壇!

4、彩色字體：

彩
色字體色彩 絢麗

看看效果吧！

彩色字體色彩絢麗

5、拋射字體基本語(yǔ)法:

效果：

拋射字體

6、由中間向兩邊移動(dòng)文字:

<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="圖片地址" >由中間向兩邊移動(dòng)的文字和圖像 </MARQUEE>
<MARQUEE direction=right width=200 height=50>由中間向兩邊移動(dòng)的文字和圖像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="圖片地址" ></MARQUEE>

效果：

由中間向兩邊移動(dòng)的文字和圖像由中間向兩邊移動(dòng)的文字和圖像

7、原地跳動(dòng)文字

看看效果吧！

我們一起跳啊

8、交替跳躍文字:

看看效果吧！

歡迎您 來(lái) 知音

9、穿梭文字:

看看效果吧!

穿　穿 梭梭 文文 字字

10、左向右上下起伏飛翔文字

左向右上下起伏飛翔， height=200 是上下起伏飛翔幅度，可以調(diào)整，區(qū)分圖片大小，一般設(shè)置在50至150的范圍內(nèi)比較好。

看看效果吧！
大雁飛來(lái)飛去

11、右向左上下起伏飛翔:

右向左上下起伏飛翔，height=100 是上下起伏飛翔幅度，可以調(diào)整，區(qū)分圖片大小，一般設(shè)置在50至150的范圍內(nèi)比較好
我在追“心”

看看效果吧!

愿知音帶來(lái)快樂(lè)無(wú)數(shù)

12、上下跳躍移動(dòng):

<CENTER>
<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>遠(yuǎn)</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></MARQUEE></CENTER></FONT

看看效果吧!

祝大家永遠(yuǎn) 幸福

13、用閃圖做背景的特效文字的代碼:

<TABLE align=center background=http://image40.360doc.com/DownloadImg/2011/10/1717/18553077_5.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>知音論壇歡迎您光臨</TD></TR></TBODY></TABLE>

看看效果吧!(這是改動(dòng)原代碼后的效果)

歡迎您光臨
知音論壇

14、文字在圖片上向上移動(dòng)的基本語(yǔ)法

看看效果吧!

朋友您好！

親自動(dòng)手！

體驗(yàn)成功！

15、豎排漸出字基本語(yǔ)法

豎排漸出字

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
我?guī)еh(yuǎn)古的心愿 你懷揣前世的祈盼 我飽含如許的虔誠(chéng) 你浸潤(rùn)最深的期待 我們跨越萬(wàn)水千山 赴今世的約定... 你感覺(jué)我深情凝眸的甜柔 我傾聽(tīng)你心室澎湃的跳動(dòng) 白云輕盈飄蕩 星月神秘閃爍 燃燒的篝火旁 我們席地而坐 傾訴不盡的相思 燃燒的火焰是不滅的炙熱 讓我們一起出發(fā) 背上快樂(lè)的行囊 攜著一路的歡唱 踏著燦爛的芬芳 望--天上云卷霞飛 看--地下小橋流水 擁--郁郁山川入懷 枕--簇簇波浪入眠 把--憂煩拋在身后 讓--愉悅灑滿(mǎn)詩(shī)行 </MARQUEE></MARQUEE></DIV>

看看效果吧!

我?guī)еh(yuǎn)古的心愿
你懷揣前世的祈盼
我飽含如許的虔誠(chéng)
你浸潤(rùn)最深的期待
我們跨越萬(wàn)水千山
赴今世的約定...
你感覺(jué)我深情凝眸的甜柔
我傾聽(tīng)你心室澎湃的跳動(dòng)
白云輕盈飄蕩
星月神秘閃爍

燃燒的篝火旁
我們席地而坐
傾訴不盡的相思
燃燒的火焰是不滅的炙熱
讓我們一起出發(fā)
背上快樂(lè)的行囊
攜著一路的歡唱
踏著燦爛的芬芳
望--天上云卷霞飛
看--地下小橋流水
擁--郁郁山川入懷
枕--簇簇波浪入眠
把--憂煩拋在身后
讓--愉悅灑滿(mǎn)詩(shī)行

看看添加背景后的效果

方法是:將第15例的所有代碼嵌入下面的代碼中,然后在“背景圖片地址”處換上你所喜歡的圖片地址，調(diào)整一下圖片的寬度和高度，合適為止。

<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
 <TBODY>
 <TR>
 <TD background=背景圖片地址>第15例的所有代碼</TD></TR></TBODY></TABLE>

16、文字動(dòng)畫(huà)效果在背景圖層上的基本語(yǔ)法:

<TABLE style="LEFT: -200px; WIDTH: 50px; TOP: 80px" cellSpacing=0 cellPadding=50 align=center background=http://image40.360doc.com/DownloadImg/2011/10/1717/18553077_2.jpg border=10>
<TBODY><TR><TD>
<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1 cellPadding=0 width=790 align=center border=1>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=220>
<MARQUEE style="WIDTH: 438px; HEIGHT: 139px" scrollAmount=3 behavior=alternate width=438>
<IMG src="圖片"> 歡迎光臨 

<IMG src="圖片">知音論壇歡迎您 知音好友歡迎您</A>

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

17.立體鏤空字基本語(yǔ)法:

看看效果吧!

知音論壇

18.讓文字在背景圖片上悠閑地飄飛

在背景圖片上悠閑飄飛的文字基本語(yǔ)法如下：

<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=圖片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450>
淡妝濃抹總相宜 </MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

說(shuō)明：

A、圖片地址自己輸入；

B、文字、字體和顏色可以變動(dòng)。

看看效果吧！

淡妝濃抹總相宜

18 投射陰影效果：

<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隸書(shū)" color=#009900>投射陰影效果</div>

a 發(fā)光效果：

<div style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷體" color="#ffffff" size="4">天生我材必有用</div>

b 漸變效果：

<div style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:華文行楷">為伊消得人憔悴</div>

c 帶背景字體：

花自飄零水自流

<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px">
D 藍(lán)色立體字：

<CENTER>無(wú)言獨(dú)上西樓月如鉤</CENTER></div>

e 上下交替移動(dòng)立體字：

效果：

天生我材必有用

投射陰影效果

為伊消得人憔悴

花自飄零水自流

相見(jiàn)時(shí)難別亦難

無(wú)言獨(dú)上西樓月如鉤

歡迎光臨知音論壇

19 顆粒邊緣上下跳動(dòng)的字：

知音論

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

轉(zhuǎn)藏 分享

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

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

來(lái)自：昵稱(chēng)Ft0PO > 《移動(dòng)文字代碼知識(shí)》

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