（文字跳动） - 天爱的日志 - 网易博客

    文字跳动

〖文字篇〗 一、文字大小、字体、颜色 1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小，7为最大 格式：＜fonr size=文字大小＞被设置的字＜/font＞ 2. 设置文字字体属性是"face" 格式：＜font face=文字字体＞被设置的字＜/font＞ 3. 设置文字颜色的属性是"color" 格式：＜fonr color=文字颜色＞被设置的字＜/font＞ 二、文字其它基础效果 1. 文字加粗：＜b＞被设置的字＜/b＞ 2. 文字斜体：＜i＞被设置的字＜/i＞ 3. 文字下划线：＜u＞被设置的字＜/u＞ 4. 文字删除线：＜s＞被设置的字＜/s＞ 5. 文字移动 格式：＜marquee scrollAmount="移动速度" direction="方向" ＞被设置的字＜/marquee＞ 设置移动速度属性是scrollAmount，他的取值范围是1到10。其中1为最慢，10为最快 设置移动方向属性是direction，"up"（上），"down"（下），"left"（左），"right"（右） 三、文字段落设置 1. 文字换行：换行标记是＜br＞，放在文字结尾处使得其后的文字在下一行显示 2. 文字段控制：段落标记是＜p＞，放在文字后，使其后文字空一行后换行显示 这里介绍＜p＞标记的一个简单属性："align"用来设置文字段落的对齐方式。 属性值有"center"（居中对齐），"left"（向左对齐），"right"（向右对齐） 格式：＜p align=属性值＞被设置的段落＜/p＞ 3. 文字的分区显示：标记为＜div＞ ，属性同＜p＞ 格式：＜div align=属性值＞被设置的段落＜/div＞ 四、文字链接设置 1. 点击文字转到链接地址 格式：＜ a href="所要连接的相关地址"＞被设置的字＜/a＞ 2. 点击文字在新窗口中打开链接地址 格式：＜a href="相关地址" target="_blank"＞被设置的字＜/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. 向上移动的文字     向上移动的文字   <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>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P> 8. 向下移动的文字     向下移动的文字   <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>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P> 9. 向左移动的文字     向左移动的文字   <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>向左移动的文字</B></FONT></P></MARQUEE></P> 10. 向右移动的文字     向右移动的文字   <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>向右移动的文字</B></FONT></P></MARQUEE></P> 11. 由中间向两边移动的文字 由中间向两边移动的文字 由中间向两边移动的文字   <P align=center><MARQUEE width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</font></MARQUEE><MARQUEE direction=right width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</FONT></MARQUEE></P> 12. 由上下向中间移动的文字   由上下向中间移动的文字   由上下向中间移动的文字   <BR> <P align=center> <BR> <MARQUEE scrollAmount=2 direction=down height=60> <BR> <FONT face=华文行楷 color=red size=6><B>由上下向中间移动的文字</B></FONT></MARQUEE> <BR> <MARQUEE scrollAmount=2 direction=up height=60> <FONT face=华文行楷 color=red size=6><B>由上下向中间移动的文字</B></FONT></MARQUEE><BR> 13. 双排向上运动的字 双排向上运动的字 双排向上运动的字 < p>   <p align=center><MARQUEE scrollAmount=3 direction=up height=60><CENTER><FONT face=华文行楷 color=RED size=6><b>双排向上运动的字</B></FONT></CENTER></MARQUEE><p align=center><MARQUEE scrollAmount=3 direction=up height=60><CENTER><FONT face=华文行楷 color=RED size=6>双排向上运动的字</B></FONT></CENTER></MARQUEE></p></p> 14. 双排向下运动的字 双排向下运动的字 双排向下运动的字    <p align=CENTER><MARQUEE scrollAmount=3 direction=down height=60><CENTER><FONT face=华文行楷 color=RED size=6><b>双排向下运动的字</FONT></CENTER></B></MARQUEE><CENTER><MARQUEE scrollAmount=3 direction=down height=60><CENTER><FONT face=华文行楷 color=RED size=6><B>双排向下运动的字</FONT></CENTER></B></MARQUEE></p></p> 15. 来回走动的文字     来回走动的文字   <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>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE> 16. 左右运动的文   左右运动的文字   左右运动的文字   <DIV align=center> <MARQUEE direction=right width=300 height=50> <DIV align=center> <FONT face=华文行楷 color=RED size=6>左右运动的文字</FONT></DIV></MARQUEE></DIV> <DIV align=center> <MARQUEE width=400 height=50> <DIV align=center><FONT face=华文行楷 color=RED size=6>左右运动的文字</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. 原地跳动的文字 原 地 跳 动 文 字   <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>动</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. 带背景的移动文字 带背景的移动文字

<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>带背景的移动文字</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. 竖排移动的字

 

马蹄踏过石板街道

窄巷深处有人祷告

雨后水洼教堂倾倒

意识流的四十度角

图书馆前站着半座石雕

六个便士带走一副素描

壁炉终日孤独吐着火苗

煤油灯下岁月不被惊扰

你在剑桥一身寂寞穿黑色学袍

你用诗句歌唱爱情押美丽韵脚

一船星辉见证那个古典的拥抱

那片水草还在怀念你撑的长蒿

你在剑桥半生寂寞穿中国长袍

你用诗句告别爱情押绝望韵脚

谁的衣袖带走那片云彩的来到

离别笙萧那样沉默像一种凭吊

红砖墙壁紫藤缠绕

垂柳摇醒两岸拂晓

怀旧风琴失传民谣

中世纪就开始苍老

广场鸽子仰望天空思考

歌特尖塔勾勒末世线条

故事流过落日的叹息桥

诗人的爱还在唱咏叹调

<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>意识流的四十度角<br><br>图书馆前站着半座石雕<br>六个便士带走一副素描<br>壁炉终日孤独吐着火苗<br>煤油灯下岁月不被惊扰<br><br>你在剑桥一身寂寞穿黑色学袍<br>你用诗句歌唱爱情押美丽韵脚<br>一船星辉见证那个古典的拥抱<br>那片水草还在怀念你撑的长蒿<br><br>你在剑桥半生寂寞穿中国长袍<br>你用诗句告别爱情押绝望韵脚<br>谁的衣袖带走那片云彩的来到<br>离别笙萧那样沉默像一种凭吊<br><br>红砖墙壁紫藤缠绕<br>垂柳摇醒两岸拂晓<br>怀旧风琴失传民谣<br>中世纪就开始苍老<br><br>广场鸽子仰望天空思考<br>歌特尖塔勾勒末世线条<br>故事流过落日的叹息桥<br>诗人的爱还在唱咏叹调</FONT></P></MARQUEE></MARQUEE></p>

 

以下相关连接代码

天气预报                蝶恋花代码

打造自己的立体相册                      博客素雅背景

多款漂亮播放器           精美的flash

FLASH动画