文字跳動(dòng)〖文字篇〗
一、文字大小、字體、顏色
1. 設(shè)置文字大小的屬性是"size"他的取值范圍是1到7。其中1為最小，7為最大
格式：＜fonr size=文字大?。颈辉O(shè)置的字＜/font＞
2. 設(shè)置文字字體屬性是"face"
格式：＜font face=文字字體＞被設(shè)置的字＜/font＞
3. 設(shè)置文字顏色的屬性是"color"
格式：＜fonr color=文字顏色＞被設(shè)置的字＜/font＞
二、文字其它基礎(chǔ)效果1. 文字加粗：＜b＞被設(shè)置的字＜/b＞
2. 文字斜體：＜i＞被設(shè)置的字＜/i＞
3. 文字下劃線：＜u＞被設(shè)置的字＜/u＞
4. 文字刪除線：＜s＞被設(shè)置的字＜/s＞
5. 文字移動(dòng)
格式：＜marquee scrollAmount="移動(dòng)速度" direction="方向" ＞被設(shè)置的字＜/marquee＞
設(shè)置移動(dòng)速度屬性是scrollAmount，他的取值范圍是1到10。其中1為最慢，10為最快
設(shè)置移動(dòng)方向?qū)傩允莇irection，"up"（上），"down"（下），"left"（左），"right"（右）
三、文字段落設(shè)置
1. 文字換行：換行標(biāo)記是＜br＞，放在文字結(jié)尾處使得其后的文字在下一行顯示
2. 文字段控制：段落標(biāo)記是＜p＞，放在文字后，使其后文字空一行后換行顯示
這里介紹＜p＞標(biāo)記的一個(gè)簡(jiǎn)單屬性："align"用來設(shè)置文字段落的對(duì)齊方式。
屬性值有"center"（居中對(duì)齊），"left"（向左對(duì)齊），"right"（向右對(duì)齊）
格式：＜p align=屬性值＞被設(shè)置的段落＜/p＞
3. 文字的分區(qū)顯示：標(biāo)記為＜div＞ ，屬性同＜p＞
格式：＜div align=屬性值＞被設(shè)置的段落＜/div＞
四、文字鏈接設(shè)置
1. 點(diǎn)擊文字轉(zhuǎn)到鏈接地址
格式：＜ a href="所要連接的相關(guān)地址"＞被設(shè)置的字＜/a＞
2. 點(diǎn)擊文字在新窗口中打開鏈接地址
格式：＜a href="相關(guān)地址" target="_blank"＞被設(shè)置的字＜/a＞
五、文字特效1. 彩色字體色彩絢麗
彩色字體色彩絢麗
<P align=center><STRONG><FONT face=華文行楷><FONT size=7><FONT color=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>體</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff>絢</FONT><FONT color=#ff00ff>麗</FONT></FONT></FONT></STRONG></P>
2. 陰影字體
陰影字體
<P align=center><FONT size=7 style="FILTER: shadow(color=333366); WIDTH: 500px; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷; HEIGHT: 51px"陰影字體</FONT></P>
3. 圍邊字體
圍邊字體
<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷">圍邊字體</FONT></p>
4. 投影字體
投影字體
</FONT><BR> <P align=center></P> <P align=center><FONT size=7 style="FONT-WEIGHT: bolder; FONT-FAMILY: 華文行楷; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px" color=red>投影字體</FONT></CAPTION> <BR></CAPTION></P>
5. 拋射字體
拋射字體
<DIV style="FILTER: shadow(color=#FF9999, strength=60); WIDTH: 480px; HEIGHT: 121px" align=center><FONT face=華文行楷 color=red size=7><B><CENTER>拋射字體</CENTER></B></FONT><BR><BR></DIV>
6. 倒影字體
倒影字體倒影字體
<P align=center><FONT SIZE=7 style="WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><B><EM>倒影字體</EM></B></FONT><FONT SIZE=7 style="FILTER: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><B><EM>倒影字</EM></B></FONT></P>
7. 向上移動(dòng)的文字
向上移動(dòng)的文字
<P align=center><TABLE style="; WORD-BREAK: break-all" width="100%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=5 direction=up><P align=cente><FONT face=華文行楷 color=RED size=6><B>向上移動(dòng)的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>
8. 向下移動(dòng)的文字
向下移動(dòng)的文字
<P align=center><TABLE style="; WORD-BREAK: break-all" width="100%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down><P align=center><FONT face=華文行楷color=RED size=6><b>向下移動(dòng)的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>
9. 向左移動(dòng)的文字
向左移動(dòng)的文字
<P align=center><BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=5 direction=left><P align=center><FONT face=華文行楷 color=red size=6><B>向左移動(dòng)的文字</B></FONT></P></MARQUEE></P>
10. 向右移動(dòng)的文字
向右移動(dòng)的文字
<P align=center<BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=5 direction=right><P align=center><FONT face=華文行楷 color=red size=6><B>向右移動(dòng)的文字</B></FONT></P></MARQUEE></P>
11. 由中間向兩邊移動(dòng)的文字 由中間向兩邊移動(dòng)的文字 由中間向兩邊移動(dòng)的文字
<P align=center><MARQUEE width=200 height=50><FONT face=華文行楷 color=red size=6>由中間向兩邊移動(dòng)的文字</font></MARQUEE><MARQUEE direction=right width=200 height=50><FONT face=華文行楷 color=red size=6>由中間向兩邊移動(dòng)的文字</FONT></MARQUEE></P>
12. 由上下向中間移動(dòng)的文字
由上下向中間移動(dòng)的文字
由上下向中間移動(dòng)的文字
<BR> <P align=center> <BR> <MARQUEE scrollAmount=2 direction=down height=60> <BR> <FONT face=華文行楷 color=red size=6><B>由上下向中間移動(dòng)的文字</B></FONT></MARQUEE> <BR> <MARQUEE scrollAmount=2 direction=up height=60> <FONT face=華文行楷 color=red size=6><B>由上下向中間移動(dòng)的文字</B></FONT></MARQUEE><BR>
13. 雙排向上運(yùn)動(dòng)的字
雙排向上運(yùn)動(dòng)的字 雙排向上運(yùn)動(dòng)的字
< p>
<p align=center><MARQUEE scrollAmount=3 direction=up height=60><CENTER><FONT face=華文行楷 color=RED size=6><b>雙排向上運(yùn)動(dòng)的字</B></FONT></CENTER></MARQUEE><p align=center><MARQUEE scrollAmount=3 direction=up height=60><CENTER><FONT face=華文行楷 color=RED size=6>雙排向上運(yùn)動(dòng)的字</B></FONT></CENTER></MARQUEE></p></p>
14. 雙排向下運(yùn)動(dòng)的字
雙排向下運(yùn)動(dòng)的字 雙排向下運(yùn)動(dòng)的字
<p align=CENTER><MARQUEE scrollAmount=3 direction=down height=60><CENTER><FONT face=華文行楷 color=RED size=6><b>雙排向下運(yùn)動(dòng)的字</FONT></CENTER></B></MARQUEE><CENTER><MARQUEE scrollAmount=3 direction=down height=60><CENTER><FONT face=華文行楷 color=RED size=6><B>雙排向下運(yùn)動(dòng)的字</FONT></CENTER></B></MARQUEE></p></p>
15. 來回走動(dòng)的文字
來回走動(dòng)的文字
<TABLE style="; WORD-BREAK: break-all" width="100%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 40pt" width="100%"><DIV align=center><MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?><P align=center><FONT face=華文行楷 color=RED size=6><b>來回走動(dòng)的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE>
16. 左右運(yùn)動(dòng)的文
左右運(yùn)動(dòng)的文字
左右運(yùn)動(dòng)的文字
<DIV align=center> <MARQUEE direction=right width=300 height=50> <DIV align=center> <FONT face=華文行楷 color=RED size=6>左右運(yùn)動(dòng)的文字</FONT></DIV></MARQUEE></DIV> <DIV align=center> <MARQUEE width=400 height=50> <DIV align=center><FONT face=華文行楷 color=RED size=6>左右運(yùn)動(dòng)的文字</FONT></DIV></MARQUEE></DIV>
17. 右向左上下起伏飛翔的字
右向左上下起伏飛翔的字
<MARQUEE scrollAmount=3 scrollDelay=0 behavior=scroll width=400 height=293> <MARQUEE direction=up behavior=alternate height=200><FONT face=華文行楷 color=RED size=6><B>右向左上下起伏飛翔的字</B></FONT></MARQUEE></MARQUEE>
18. 左向右上下起伏飛翔的
字的翔飛伏起下上右向左
<MARQUEE scrollAmount=3 scrollDelay=0 behavior=scroll width=400 height=293 DIRECTION=RIGHT> <MARQUEE direction=up behavior=alternate height=200><FONT face=華文行楷 color=RED size=6><B>字的翔飛伏起下上右向左</B></FONT></MARQUEE></MARQUEE>
19. 交替游蕩的字
交替游蕩的字
交替游蕩的字
<P align=center><BR> <MARQUEE direction=right behavior=alternate><B><FONT color=white size=6 FACE=華文行楷><BR> <MARQUEE style="WIDTH: 248px; HEIGHT: 150px" direction=up behavior=alternate align="middle">交替游蕩的字</MARQUEE></FONT><FONT Color=RED size=6 FACE=華文行楷><BR> <MARQUEE style="WIDTH: 246px; HEIGHT: 100px" direction=up behavior=alternate>交替游蕩的字<BR></MARQUEE></FONT></B></MARQUEE></P>
20. 原地跳動(dòng)的文字
原 地 跳 動(dòng) 文 字
<p align=CENTER><FONT size=6 style="FILTER: glow(color: gainsboro,white=50); WIDTH: 100%; COLOR: RED; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>原</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>地</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>跳</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>動(dòng)</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>文</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>字</B></CENTER></MARQUEE></FONT></p>
21. 交替跳躍的文字
交 替 跳 躍 文 字
<p align=CENTER><FONT size=6 style="FILTER: glow(color: gainsboro,white=50); WIDTH: 100%; COLOR: RED; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"> <MARQUEE direction=up behavior=alternate width=80 height=160> <CENTER><B>交</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80> <CENTER><B>替</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=160> <CENTER><B>跳</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80> <CENTER><B>躍</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80 height=160> <CENTER><B>文</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80> <CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></p>
22. 交替跳躍消失的字
交 替 跳 躍 消 失 的 字
<p align=CENTER> <MARQUEE style="WIDTH: 500px; HEIGHT: 300px" scrollAmount=5 direction=up> <FONT size=6 style="FILTER:glow(color: RED,strength=40); WIDTH: 100%; COLOR: RED; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"> <MARQUEE direction=up behavior=alternate width=60 height=180> <CENTER><B>交</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>替</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=180> <CENTER><B>跳</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>躍</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=180> <CENTER><B>消</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>失</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=180> <CENTER><B>的</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>字</B></CENTER></MARQUEE></FONT></p></MARQUEE></P>
23. 穿梭文字
穿
screen.width-333)this.width=screen.width-333"> 梭
screen.width-333)this.width=screen.width-333"> 文
screen.width-333)this.width=screen.width-333"> 字
<p align=CENTER> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=RED size=6>穿</FONT></B></MARQUEE><STRONG><IMG src="http://image7.360doc.com/DownloadImg/2010/02/2021/2368011_1.gif" width=80></STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=RED size=6>梭</FONT></B></MARQUEE><STRONG><IMG src="http://image7.360doc.com/DownloadImg/2010/02/2021/2368011_1.gif" width=80> </STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=RED size=6>文</FONT></B></MARQUEE><STRONG><IMG src="http://image7.360doc.com/DownloadImg/2010/02/2021/2368011_1.gif" width=80> </STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=RED size=6>字</FONT></B></MARQUEE></p>
24. 帶背景的閃光字體
帶背景的閃光字體
<P align=center><BR> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://image7.360doc.com/DownloadImg/2010/02/2021/2368011_2.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE align=center background=http://image7.360doc.com/DownloadImg/2010/02/2021/2368011_3.jpg width=500 height=120> <TBODY> <TR> <TD align=middle><FONT size=7 style="FONT-WEIGHT: normal; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=#336699><B>帶背景的閃光字體</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
25. 帶背景的移動(dòng)文字
帶背景的移動(dòng)文字
<P align=center> <MARQUEE direction=up> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://image7.360doc.com/DownloadImg/2010/02/2021/2368011_3.jpg width=500 height=120><TBODY><TR><TD><CENTER><FONT size=7 face=華文行楷 color=RED>帶背景的移動(dòng)文字</CENTER></FONT></TD></TR></TBODY></TABLE></MARQUEE></P> >
26. 彩虹文字
彩虹文字
<P align=center> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://image7.360doc.com/DownloadImg/2010/02/2021/2368011_5.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=black> <TBODY> <TR> <TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文琥珀 color=#336699><STRONG>彩虹文字</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
27. 豎排移動(dòng)的字
馬蹄踏過石板街道
窄巷深處有人禱告
雨后水洼教堂傾倒
意識(shí)流的四十度角
圖書館前站著半座石雕
六個(gè)便士帶走一副素描
壁爐終日孤獨(dú)吐著火苗
煤油燈下歲月不被驚擾
你在劍橋一身寂寞穿黑色學(xué)袍
你用詩(shī)句歌唱愛情押美麗韻腳
一船星輝見證那個(gè)古典的擁抱
那片水草還在懷念你撐的長(zhǎng)蒿
你在劍橋半生寂寞穿中國(guó)長(zhǎng)袍
你用詩(shī)句告別愛情押絕望韻腳
誰的衣袖帶走那片云彩的來到
離別笙蕭那樣沉默像一種憑吊
紅磚墻壁紫藤纏繞
垂柳搖醒兩岸拂曉
懷舊風(fēng)琴失傳民謠
中世紀(jì)就開始蒼老
廣場(chǎng)鴿子仰望天空思考
歌特尖塔勾勒末世線條
故事流過落日的嘆息橋
詩(shī)人的愛還在唱詠嘆調(diào)
<P align=center> <MARQUEE scrollAmount=1 scrollDelay=200 behavior=slide loop=1 width=500 height=293> <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=0 direction=up width=500 height=350> <P align=left><FONT size=5 style="FILTER: WIDTH: 100%; COLOR: RED; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷" color=#ff0000>馬蹄踏過石板街道<br>窄巷深處有人禱告<br>雨后水洼教堂傾倒<br>意識(shí)流的四十度角<br><br>圖書館前站著半座石雕<br>六個(gè)便士帶走一副素描<br>壁爐終日孤獨(dú)吐著火苗<br>煤油燈下歲月不被驚擾<br><br>你在劍橋一身寂寞穿黑色學(xué)袍<br>你用詩(shī)句歌唱愛情押美麗韻腳<br>一船星輝見證那個(gè)古典的擁抱<br>那片水草還在懷念你撐的長(zhǎng)蒿<br><br>你在劍橋半生寂寞穿中國(guó)長(zhǎng)袍<br>你用詩(shī)句告別愛情押絕望韻腳<br>誰的衣袖帶走那片云彩的來到<br>離別笙蕭那樣沉默像一種憑吊<br><br>紅磚墻壁紫藤纏繞<br>垂柳搖醒兩岸拂曉<br>懷舊風(fēng)琴失傳民謠<br>中世紀(jì)就開始蒼老<br><br>廣場(chǎng)鴿子仰望天空思考<br>歌特尖塔勾勒末世線條<br>故事流過落日的嘆息橋<br>詩(shī)人的愛還在唱詠嘆調(diào)</FONT></P></MARQUEE></MARQUEE></p>
以下相關(guān)連接代碼
天氣預(yù)報(bào) 蝶戀花代碼打造自己的立體相冊(cè) 博客素雅背景多款漂亮播放器 精美的flashFLASH動(dòng)畫
