特效文字、移動文字代碼

2011-10-30 07:23:10| 分類:【字體特效】 | 標籤: |字型大小大中小本文轉載自夢中人《特效文字、移動文字代碼》夢中人の夢工場一、特效字體代碼1、字體效果基本代碼<h1>...</h1>標題字(最大)<h6>...</h6>標題字(最小)<b>...</b>粗體字<strong>...</strong>粗體字(強調)<i>...</i>斜體字<em>...</em>斜體字(強調)<dfn>...</dfn>斜體字(表示定義)<u>...</u>底線<ins>...</ins>底線(表示插入文字)<strike>...</strike>橫線<s>...</s>刪除線<del>...</del>刪除線(表示刪除)<kbd>...</kbd>鍵盤文字<tt>...</tt> 打字體<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體<font color=00ff00>...</font>字體顏色 , 可以是#=rrggbb 16 進位數碼,或者是下列預定義色彩:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua<font size=1>...</font>最小字體<font style =font-size:100 px>...</font>無限增大2、一般大字體的代碼<P align=center><font style=font:40pt face=隸書 color=#ff0000>插入文字</font>說明:align=文字位置 表示字體居中(center),居右(right),居左(left);font:40pt數值越大文字就越大;face=字體 常用字體為:宋體、黑體、楷體.、仿宋、新宋體、細明體等; color=顏色代碼。(1)利用<big>發大字:大字    :    <big>大字</big>大字   :    <big><big>大字</big></big>大字  :    <big><big><big>大字</big></big></big>大字:    <big><big><big><big>大字</big></big></big></big>(2)利用 <h>發各種字型大小的大小字:-1號字 : <h-1>負一號字</h-1>○號字:<h0>○號字</h0>一號字:<h1>一號字</h1>二號字:<h2>二號字</h2>三號字:<h3>三號字</h3>四號字:<h4>四號字</h4>五號字:<h5>五號字</h5>六號字:<h6>六號字</h6>七號字:<h7>七號字</h7>(3) 利用<font size=-4>.....</font>發各種字型大小的大小字:負三號字  :      <font size=-4>負四號字</font>負三號字  :      <font size=-3>負三號字</font>負三號字  :      <font size=-2>負二號字</font>負一號字 :      <font size=-1>負一號字</font>○號字   :      <font size=0>○號字</font>一號字   :      <font size=1>一號字</font>二號字  :      <font size=2>二號字</font>三號字  :      <font size=3>三號字</font>四號字 :      <font size=4>四號字</font>五號字:      <font size=5>五號字</font>六號字:     <font size=6>六號字</font>七號字: <font size=7>七號字</font>(4)利用<font style=font:?pt>......</font>發各種字型大小的大小字:0pt字    <font style=font:0pt>0pt字</font>1pt字    <font style=font:1pt>1pt字</font>2pt字    <font style=font:2pt>2pt字</font>3pt字    <font style=font:3pt>3pt字</font>4pt字    <font style=font:4pt>4pt字</font>5pt字    <font style=font:5pt>5pt字</font>6pt字    <font style=font:6pt>6pt字</font>7pt字    <font style=font:7pt>7pt字</font>8pt字    <font style=font:8pt>8pt字</font>9pt字    <font style=font:9pt>9pt字</font>10pt字    <font style=font:10pt>10pt字</font>20pt字    <font style=font:20pt>20pt字</font>30pt字    <font style=font:30pt>30pt字</font>40pt字    <font style=font:40pt>40pt字</font>50pt字    <font style=font:50pt>50pt字</font>60pt字    <font style=font:60pt>60pt字</font>70pt字    <font style=font:70pt>70pt字</font>80pt字    <font style=font:80pt>80pt字</font>90pt字    <font style=font:90pt>90pt字</font><font style=font:100pt>100pt字</font><font style=font:200pt>200pt字</font><font style=font:300pt>300pt字</font><font style=font:400pt>400pt字</font><font style=font:500pt>500pt字</font>3、文字<left>居左排版</left><p align="left">居左排版</p><div align=left>居左排版</div><center>居中排版</center><p align="center">居中排版</p><div align=center>居中排版</div><p align="right">居右排版</p><div align=right>居右排版</div>文字豎向排列的代碼 :<DIV style="LAYOUT-FLOW: vertical-ideographic"><P>你的文字<P>你的文字</P></DIV>3、帶尾暈文字的代碼<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10);FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">歡迎光臨夢中人の夢工場</FONT></CENTER>4、色彩絢麗的彩色字體代碼</font><br><P align=center><STRONG><FONT size=6><FONT face=華文新魏><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>5、陰影字體代碼</font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 華文新宋; HEIGHT: 51px"></P><P align=center>陰影字體</P></FONT>6、圍邊字體代碼</font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><P align=center><B>圍邊字體 體字邊圍</B></P></FONT>7、投影字體代碼</font><br><P align=center> </P><P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#000099>投影字體 投影字體</FONT></CAPTION> <BR></CAPTION></P>8、拋射字體代碼其一<DIV align=center><DIV style="FILTER: shadow(color=#FF9999, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=華文彩雲 color=#ff0000 size=7><B><CENTER>拋射字體</B></CENTER></FONT><DIV align=left><BR><BR></DIV></DIV></DIV><P align=left> </P>其二<DIV align=center><DIV style="FILTER: shadow(color=#00FFff, strength=40); WIDTH: 750px; HEIGHT: 100px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE:normal; FONT-VARIANT: normal"><P style="TEXT-JUSTIFY: inter-ideograph;TEXT-ALIGN: justify" align=center><FONT color=#ff00ff><FONT align="center"><FONT face=楷體_GB2312>歡迎光臨夢中人の夢工場</FONT></FONT>9、空心文字的代碼<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);FONT-FAMILY: 華文彩雲; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>歡迎光臨夢中人の夢工場</B></FONT></CENTER>說明:FONT-SIZE: 30pt 數值越大文字就越大10、凹體文字的代碼<DIV style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 15px;PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 18px;PADDING-TOP: 20px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word"><FONT disabled>我凹下去了吧?<BR>你不想試試嗎?</A></FONT> </DIV>11、倒影字代碼</font><br><P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 華文新魏"><B><EM>其實倒影字就這麼簡單!</EM></B></FONT><FONT style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 華文新魏"><B><EM>其實倒影字就這麼簡單!</EM></B></FONT></P>12、按鈕上加文字:基本語句<button>點擊我吧</button>加按鈕連接語句:<a href="http://地址鏈接網址......"><button>轉到新窗口</button></a>加按鈕連接新窗口:<a href="相關地址" target="_blank"><button>另開新窗口</button></a>點按鈕彈出文字:<input type="button" value="點我看看" OnClick="alert("彈出文字")">例:<input type="button" value="你的快樂:" OnClick="alert("就是我的快樂呀!")">13、彩虹文字代碼<P align=center><TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.3yz.net/tjxy/jiaocai/05.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080><TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt;LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文琥珀color=#336699><STRONG>彩虹字體</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>14、表格文字的代碼<div align="center"><table cellspacing="1" cellpadding="0" width_="50%" bgcolor="#FF0000" border="0"><tbody><tr bgcolor="#FFFFFF" height="20"><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td><tr bgcolor="#FFFFFF" height="20"><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td><tr bgcolor="#FFFFFF" height="20"><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td><tr bgcolor="#FFFFFF" height="20"><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td><td><div align="center">表格內容</div></td></tr></table></div>說明:1)每排幾個表格內容,可根據自己的需要或版面要求任意設置,只要在<tr bgcolor="#FFFFFF" height="20">的後面增加或減少<td><div align="center">表格內容</div></td>即可;2)文字及細線條的顏色bgcolor="#FF0000"也可根據自己的需要進行更改。3)、調整字體大小:文字前添加:<font size=#> ,文字後添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;從1到7表示字體由小到大,從這些數字里選擇合適的一個代替#即可,可逐個試試觀察效果最後選定。如果想文字再大,可以試用css語句style="FONT-SIZE: 400pt"替換size=字型大小語句,其中400t 可以換,如換成500t,文字可達到無限大.但是有一些論壇不支持這種特效代碼,必須先試後用.4)、調整字體色彩:文字前添加<font color=#>,文字後添加</font> ,其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩,可從它們當中選擇滿意的一種色彩代替#即可,逐個試試觀察效果最後選定。5)、表格相關再註解:<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址<table border=邊框大小>...</table>設定表格邊框大小(使用數字)<table bgcolor=顏色碼>...</table>設定表格的背景顏色<table borderclor=顏色碼>...</table>設定表格邊框的顏色<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色<table cellpadding=參數>...</table>指定內容與網格線之間的間距(使用數字)<table cellspacing=參數>...</table>指定網格線與網格線之間的距離(使用數字)<table cols=參數>...</table>指定表格的欄數<table frame=參數>...</table>設定表格外框線的顯示方式<table width_=寬度>...</table>指定表格的寬度大小(使用數字)<table height=高度>...</table>指定表格的高度大小(使用數字)<td colspan=參數>...</td>指定儲存格合併欄的欄數(使用數字)<td rowspan=參數>...</td>指定儲存格合併列的列數(使用數字)二、移動文字的代碼1、移動文字的基本代碼:(走馬燈左到右):<marquee>寫上你想寫的字</marquee>帶有框的移動文字代碼:<marquee direction=up behavior=scroll width_=400 height=150 scrolldelay=80 scrollamount=1>插入文字(圖片等)</marquee>註解:這裡的scrollamount=1是移動速度控制,<marquee>...</marquee>普通捲動<marquee behavior=slide>...</marquee>滑動<marquee behavior=scroll>...</marquee>預設捲動<marquee behavior=alternate>...</marquee>來回捲動<marquee direction=down>...</marquee>向下捲動<marquee direction=up>...</marquee>向上捲動<marquee direction=right></marquee>向右捲動<marquee direction=left></marquee>向左捲動<marquee loop=2>...</marquee>捲動次數<marquee width_=180>...</marquee>設定寬度<marquee height=30>...</marquee>設定高度<marquee bgcolor=FF0000>...</marquee>設定背景顏色<marquee scrollamount=30>...</marquee>設定捲動距離<marquee scrolldelay=300>...</marquee>設定捲動時間2、給移動文字加超連接代碼如何給滾動字幕加超鏈接?這跟平時的超鏈接是完全一樣的。只要在文字外面加上<a href=***>和</a>就可以了。代碼是<marquee scrollAmount=2 width_=300><a href=http://ysh6766.blog.163.com/>夢中人夢工場</a></marquee>,點擊夢中人夢工場就可以進入了.夢中人夢工場3、交替效果基本代碼:<marquee scrollAmount=2 width_=300 behavior=alternate>歡迎您來到夢工場</marquee>4、向右移動基本代碼:<marquee scrollAmount=2 width_=300 direction=right>歡迎您來到夢工場</marquee>5、向上移動基本代碼:<marquee scrollAmount=2 height=100 direction=up>歡迎您來到夢工場</marquee>6、向下移動基本代碼:<marquee scrollAmount=2 height=100 direction=down>歡迎您來到夢工場</marquee>7、文字上下合併<P align=center><CENTER><MARQUEE direction=down height=60 scrollAmount=2><CENTER><FONT color=#a25e6b face=華文彩雲 size=8><B>夢中人歡迎您的光臨</FONT></CENTER></B></MARQUEE><CENTER><MARQUEE direction=up height=60 scrollAmount=2><CENTER><FONT color=#a25e79 face=華文彩雲 size=8><B>夢中人歡迎您的光臨</FONT></CENTER></B></MARQUEE></CENTER></CENTER>這裡的height=60 是控制字體移動的高度範圍8、多行向上移動代碼:<MARQUEE scrollAmount=1 direction=upbehavior=alternate height=200><MARQUEE scrollAmount=1direction=up height=100>鋤禾日當午,<br>汗滴禾下土:<br>誰知盤中餐,<br>粒粒皆辛苦。</MARQUEE></MARQUEE>鋤禾日當午,汗滴禾下土:誰知盤中餐,粒粒皆辛苦。9、向上移動的文字代碼2</font><br><P align=center><TABLE style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up><P align=center><FONT face=隸書 color=#ff0000 size=7><B>向上移動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>10、向下移動的文字代碼2<P align=center><TABLE style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down><P align=center><FONT face=隸書 color=#ff0000 size=7><B>向下移動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>11、向左移動的文字代碼2<P align=center><TABLE style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8><P align=center><FONT face=隸書 color=#ff0000 size=5><B>向左移動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>12、向右移動的文字代碼2<P align=center><BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right><P align=center><FONT face=隸書 color=#ff0000 size=7><B>向右移動的文字</B></FONT></P></MARQUEE></P>13、由中間向兩邊移動的文字和圖像<P align=center> </P><P align=center><FONT face=華文彩雲 color=#ee110e size=5><MARQUEE width_=200 height=50><IMG onmousewheel="return bbimg(this)"style="CURSOR: pointer" src=" " >由中間向兩邊移動的文字和圖像 </FONT></MARQUEE><FONT face=華文彩雲 color=#ee110e size=5><FONTface=華文彩雲 color=#ee1111 size=5><MARQUEE direction=right width_=200 height=50>由中間向兩邊移動的文字和圖像<IMGstyle="CURSOR: pointer" src=" "></FONT></MARQUEE></FONT></FONT></P></FONT>14、來回走動的文字代碼</font><br><P align=center> </P><P align=center><TABLE style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?><P align=center><FONT face=隸書 color=#ff0000 size=6><B>來回走動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>15、波浪式移動的文字代碼</font><br><P align=center> </P><MARQUEE scrollAmount=5 direction=up behavior=alternate height=150><DIV align=center><MARQUEE scrollAmount=3 behavior=altrnate width_=460 <IMG src=""><DIV align=center><FONT face=隸書 color=red size=7>波浪式的文字T></FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>16、帶尾暈的移動文字代碼:<MARQUEE style="FILTER: shadow(color=#00FF33, strength=8); WIDTH: 715px;HEIGHT: 106px" scrollAmount=10 DIV><FONT style="LINE-HEIGHT: normal;FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt;FONT-WEIGHT: normal" color=#33ffff face=華文彩雲>帶著盈盈思念,帶著溫馨祈願,遠方的你是否無恙?在這個思念的季節里。真心祝願你開心快樂!</FONT><BR></MARQUEE>效果:帶著盈盈思念,帶著溫馨祈願, 遠方的你是否無恙?在這個思念的季節里。真心祝願你開心快樂!17、左右運動的文字</font><br><DIV align=center><MARQUEE direction=right width_=250 height=50><DIV align=center> <FONT face=隸書 color=#ff0000 size=7>左右運動的文字</FONT></DIV></MARQUEE></DIV><DIV align=center><MARQUEE width_=250 height=50><DIV align=center><FONT face=隸書 color=#ff0000 size=7>左右運動的文字</FONT></DIV></MARQUEE></DIV>18、原地跳動的文字<DIV></DIV></B><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%;COLOR: #0033ff; 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></CENTER>19、交替跳躍的文字<DIV></DIV></B><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%;COLOR: #ff6600; 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><CENTER><B>文</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width_=80 height=160><CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTERT>20、模糊背景上下跳躍的字<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH:100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><MARQUEE direction=up behavior=alternate width_=120 height=240><CENTER><B>模</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width_=120 height=180><CENTER><B>糊</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width_=120 height=240><CENTER><B>背</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width_=120 height=180><CENTER><B>景</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width_=120 height=240><CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>21、中間向上下移動:<marquee direction=up scrollamount=3src=http://infonavi.gznet.gov.cn/jingging/welcome/jinggingt/fangtu3/huace/53.jpgwidth_=650></marquee></center><marquee direction=down scrollamount=3><center><divstyle="width:400;filter:flipv;"><img src="" width_=650></div></center></marquee>22、左向右上下起伏飛翔,<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ffsize=4 face=華文行楷><b>!去回快</b></font><br><imgsrc=http://www.tongtu.net/image/3/simeng/coolad.gif><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><imgsrc=http://bbs.000562.com/attachments/iv6m_0050.gif></marquee><br></marquee>註: height=200 是上下起伏飛翔幅度,可以調整,區分圖片大小,一般設置在50至150的範圍內比較好23、右向左上下起伏飛翔,<marquee direction=left><marquee behavior=alternate direction=up height=100><imgsrc=http://www.zzi.cc/sck/gif/wp5/h-red.gif><imgsrc=http://bbs.000562.com/attachments/iv6m_0050.gif><font color=0000ff size=3 face=華文行楷>我在追「心」</b></font></marquee></marquee>註: height=100 是上下起伏飛翔幅度,可以調整,區分圖片大小,一般設置在50至150的範圍內比較好24、分兩行上下跳動的彩字 代碼:<CENTER><FONT face=隸書 color=red size=25><MARQUEE direction=up behavior=alternate width_=60 height=120>祝</MARQUEE><FONT color=green><MARQUEE direction=up behavior=alternate width_=60 height=80>大</MARQUEE><FONT color=brown><MARQUEE direction=up behavior=alternate width_=60 height=120>家</MARQUEE><FONT color=green><MARQUEE direction=up behavior=alternate width_=60 height=80>永</MARQUEE><FONTcolor=orange><MARQUEE direction=up behavior=alternate width_=60 height=120>遠</MARQUEE><FONTcolor=green><MARQUEE direction=up behavior=alternate width_=60 height=80>幸</MARQUEE><FONTcolor=orange><MARQUEE direction=up behavior=alternate width_=60 height=120>福</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT>25、淡化向上移動的文字<CENTER><TABLE border=0> <TBODY><TR><TD style="FILTER: Alpha(opacity=150,style=2)" width_=349background=http://shm.2000y.net/UploadFile/2005-6/200561214235442.gif height=256><P><MARQUEE scrollAmount=2 direction=up height=540><FONT face=華文行楷 40pt><FONT face=華文行楷 40pt><CENTER><B><FONT color=#9932cc size=6>春曉 <BR></FONT><P><FONT color=#9932cc size=5>春眠不覺曉,</FONT> <BR><P><FONT color=#9932cc size=5>處處聞啼鳥;</FONT> <BR><P><FONT color=#9932cc size=5>夜來風雨聲,</FONT> <BR><P><FONT color=#9932cc size=5>花落知多少。</FONT> <BR></FONT></P></B></CENTER></FONT></FONT><BR><P></P></P></TD></TR></TBODY></TABLE><CENTER></CENTER><DIV></DIV><P><DIV></DIV>26、在文字邊上加個滾動條<TABLE cellSpacing=0 cellPadding=0 width_=500 align=center border=9><TBODY><TR><TD align=middle><DIV style="OVERFLOW: auto; HEIGHT:360px"><FONT face=黑體 color=blue size=8>滿江紅 [岳飛] <BR>怒髮衝冠,<BR>憑闌處、瀟瀟雨歇。<BR>抬望眼、仰天長嘯,<br>壯懷激烈。<BR>三十功名塵與土,<BR>八千里路雲和月。<BR>莫等閑、白了少年頭,<BR>空悲切。 <BR>靖康恥,猶未雪;<BR>臣子恨,何時滅。<BR>駕長車踏破賀蘭山缺。<BR>壯志飢餐胡虜肉,<BR>笑談渴飲匈奴血。<BR>待從頭收拾舊山河。<BR>朝天闕。<BR></FONT></DIV></TD></TR></TBODY></TABLE>27、大字橫向移動<TABLE style="LEFT: -60px; WIDTH: 980px; POSITION: relative; TOP: 90px"cellSpacing=30 align=centerbackground=http://www.sxscq.com.cn/itdoor012/web/2004-4-3-4/11-spring.jpgborder=0><TBODY><TR><TD><MARQUEE hspace=40 vspace=40><BR><FONT style="FONT-SIZE: 60pt;FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%;FONT-FAMILY: 華文彩雲"><B>你好,我親愛的朋友!</B></FONT></MARQUEE></TD></TR></TBODY></TABLE><BR></DIV>28,豎排文字的移動(漸顯)1)不帶背景的<DIV align=center><MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width_=480 height=150><MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width_=480 height=220><P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書" color=red>因為你的出現,<BR>我有了快樂和思念,<BR>在我的眼裡,<BR>你值得信賴,<BR>心靈相通。<BR>人間自有真情在。<BR>我們濃結真誠和眷戀,<BR>你我相伴!<BR>人生有了濃情感悟,<BR>心似湖水,碧波蕩漾,<BR>心靈深處春色滿園。<BR>你是我心靈的港灣,<BR>你是滋潤我心靈的雨露,<BR>無論世間潮起潮落,<BR> 與你相隨相伴,<BR>我人生無悔。<BR></FONT></P></MARQUEE></MARQUEE></DIV>因為你的出現,我有了快樂和思念,在我的眼裡,你值得信賴,心靈相通。人間自有真情在。我們濃結真誠和眷戀,你我相伴!人生有了濃情感悟,心似湖水,碧波蕩漾,心靈深處春色滿園。你是我心靈的港灣,你是滋潤我心靈的雨露,無論世間潮起潮落,與你相隨相伴,我人生無悔。2)帶背景的<TABLE borderColor=#cd5c5c height=350 width_=450 align=center border=3><TBODY><TR><TD background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_2.jpg height=330 width_=430 ><DIV align=center><MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width_=480 height=150><MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width_=480 height=220><P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書" color=red>因為你的出現,<BR>我有了快樂和思念,<BR>在我的眼裡,<BR>你值得信賴,<BR>心靈相通。<BR>人間自有真情在。<BR>我們濃結真誠和眷戀,<BR>你我相伴!<BR>人生有了濃情感悟,<BR>心似湖水,碧波蕩漾,<BR>心靈深處春色滿園。<BR>你是我心靈的港灣,<BR>你是滋潤我心靈的雨露,<BR>無論世間潮起潮落,<BR> 與你相隨相伴,<BR>我人生無悔。<BR></FONT></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>因為你的出現,我有了快樂和思念,在我的眼裡,你值得信賴,心靈相通。人間自有真情在。我們濃結真誠和眷戀,你我相伴!人生有了濃情感悟,心似湖水,碧波蕩漾,心靈深處春色滿園。你是我心靈的港灣,你是滋潤我心靈的雨露,無論世間潮起潮落,與你相隨相伴,我人生無悔。29、豎排文字的向右移動<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=0 direction=up width_=200 height=150><P align=left>向右移動的豎排文字</SPAN><BR>向右移動的豎排文字<BR>向右移動的豎排文字<BR>向右移動的豎排文字</P></MARQUEE>向右移動的豎排文字向右移動的豎排文字向右移動的豎排文字向右移動的豎排文字30、<marquee><marquee bgcolor=green><font size=5 color=white>文字、色帶雙遊動</font></marquee></marquee>31、<p align="center"><table border="1" width_="50%"><tr><td ><marquee behavior="alternate"><font color="#FF0000" size="6" face="幼圓">方框遊動字</font></marquee></td></tr></table></p>32、向左異速移動字代碼<marquee scrollamount=1>你好。</marquee><marquee scrollamount=2>你好。</marquee><marquee scrollamount=3>你好。</marquee><marquee scrollamount=4>你好。</marquee><marquee scrollamount=5>你好。</marquee>還~</marquee>][<marquee width_=40 behavior=alternate>好~</marquee>][<marquee width_=40 behavior=alternate>么~</marquee>]</font>33、左右搖擺移動字<marquee width_=7% behavior=alternate>泡</marquee>轉<marquee width_=7% behavior=alternate>點</marquee>看<marquee width_=7% behavior=alternate>不</marquee>看<marquee width_=7% behavior=alternate>聊</marquee> <marquee behavior=alternate><u>嘻嘻~~</u></marquee>34、  <marquee scrollamount=N>控速移動字</marquee>控速移動字的速度控制值N的取值: 1. N<0與N=6速度相同; 2. N≠0; N>0的任意值。35、美術字體向上移動<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=FF0000,strength:1 Add=0,freq=4,LightStrength=4,Phase=15,Strength=4); WIDTH: 600px; COLOR: #66ff66; LINE-HEIGHT: 22pt; HEIGHT: 200px; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=40 direction=up loop=infinite height=200><FONT face=黑體 size=18><B>夢中人祝朋友們瀏覽開心!</B></FONT></B></MARQUEE>夢中人祝朋友們瀏覽開心!36、美術字向左橫向移動<DIV><TABLE cellSpacing=2 width_=500 align=center background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_3.gif border=1 HEIGHT: WIDTH: 42px? inset; 1px black BORDER-BOTTOM: 348px; BORDER-LEFT: BORDER-TOP:><TBODY><TR><TD><MARQUEE HEIGHT: 343px; 44px? 38px? 449px;><FONT size=6><FONT face=華文行楷><FONT color=#ff0000><A href="http://ahstbzp.blog.163.com/" target=_blank></A></FONT></FONT><FONT color=#0000ff>夢中人の夢工場歡迎你光臨 </FONT><FONT color=#ff00ff></FONT></FONT></A></MARQUEE></TD></TR></TBODY></TABLE></DIV></DIV>效果夢中人の夢工場歡迎你光臨37、曲線向上移動<CENTER><MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave(freq=5, light=20, phase=100, strength=6); WIDTH: 270px; COLOR: #ffffff; FONT-FAMILY: ??; HEIGHT: 270px" scrollAmount=1 scrollDelay=100 direction=up><P style="MARGIN-LEFT: 10px">喜歡靜靜地想你,<BR>放上一段優雅的音樂,<BR>沏上一杯淡淡的花茶,<BR>捧著一本厚厚的小說,<BR>在字行之間尋找你的影子。<BR>  你的身影很模糊,<BR>你的臉龐很朦朧,<BR>但這並不影響我想你的情緒。<BR>  我沒有很想你,<BR>只是在高興的時候會想起你,<BR>你是我第一個想要分享的人;<BR><BR>  我沒有很想你,<BR>只是在不高興的時候會想起你,<BR>你是我第一個想要傾訴的人。<BR>我想你,<BR>但只是想你而不打擾你。 !</P></MARQUEE></CENTER>效果:喜歡靜靜地想你,放上一段優雅的音樂,沏上一杯淡淡的花茶,捧著一本厚厚的小說,在字行之間尋找你的影子。你的身影很模糊,你的臉龐很朦朧,但這並不影響我想你的情緒。我沒有很想你,只是在高興的時候會想起你,你是我第一個想要分享的人;我沒有很想你,只是在不高興的時候會想起你,你是我第一個想要傾訴的人。我想你,但只是想你而不打擾你。 !三、直接在圖片上寫文字的代碼:1、<div align="center"><div style="background-image: url圖片地址 background-repeat: repeat; background-attachment: scroll; font-style: normal; font-variant: normal;font-weight: normal; line-height: 25px; font-size: 12px; font-family: verdana;width:圖片尺寸(高) height:圖片尺寸(寬) padding-left: 10px; padding-right: 0px;padding-top: 14px; background-"><br /><div align="left"><div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH:文字範圍(寬)HEIGHT:文字範圍(高)>文字內容</div></div><br /></div></div>2、在圖片上加閃光字<TABLE height=400 cellSpacing=0 cellPadding=0 width_=500 align=center background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_4.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE height=400 width_=500 align=center background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_5.gif><TBODY><TR><TD><P></P><DIV align=center><DIV style="WIDTH: 400px; WRITING-MODE: tb-rl; TEXT-ALIGN: center"><P align=center><FONT face=華文行楷 color=#336699 size=6><B><B>難忘曲<BR>夾道開洞門,<BR>弱楊低畫戟。<BR>簾影竹華起,<BR>簫聲吹日色。<BR>蜂語繞妝鏡,<BR>畫蛾學春碧。<BR>亂系丁香梢,<BR>滿欄花向夕。</P></B></FONT></FONT></B></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>效果:難忘曲夾道開洞門,弱楊低畫戟。簾影竹華起,簫聲吹日色。蜂語繞妝鏡,畫蛾學春碧。亂系丁香梢,滿欄花向夕。素材和代碼彙編博客技巧、素材、和現成精品代碼更多博客代碼提供返回我的首頁選擇
推薦閱讀:

移動支付圈地未完 央行擔心快魚吃慢魚
《跟我學羽毛球》第九篇:後場移動技巧
馬化騰:移動互聯網讓產品為王時代再度來臨
300096易聯眾——移動醫療?互聯金融
雞蛋托放耳環 七種超酷炫的首飾收納方式_珠寶_奢華_YOKA移動版

TAG:代碼 | 文字 | 移動 |