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>固定寬度字體(不執(zhí)行標記符號)
<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>發(fā)大字:
大字 ?。? <big>大字</big>
大字 ?。? <big><big>大字</big></big>
大字 : <big><big><big>大字</big></big></big>
大字: <big><big><big><big>大字</big></big></big></big>
(2)利用 <h>發(fā)各種字號的大小字:
-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>發(fā)各種字號的大小字:
負三號字 ?。骸 ?lt;font size=-4>負四號字</font>
負三號字 ?。骸 ?lt;font size=-3>負三號字</font>
負三號字 ?。骸 ?lt;font size=-2>負二號字</font>
負一號字 : <font size=-1>負一號字</font>
○號字 : <font size=0>○號字</font>
一號字 : <font size=1>一號字</font>
二號字 ?。骸 ?lt;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>發(fā)各種字號的大小字:
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)、調整字體大?。?div style="height:15px;">
文字前添加:<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=up
behavior=alternate height=200><MARQUEE scrollAmount=1
direction=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" width="100%"><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" width="100%"><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" width="100%"><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><FONT
face=華文彩云 color=#ee1111 size=5>
<MARQUEE direction=right width=200 height=50>由中間向兩邊移動的文字和圖像<IMG
style="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" width="100%"><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=華文彩云>帶著盈盈思念,帶著溫馨祈愿,
遠方的你是否無恙?在這個思念的季節(jié)里。真心祝愿你開心快樂!</FONT>
<BR></MARQUEE>
效果:
帶著盈盈思念,帶著溫馨祈愿, 遠方的你是否無恙?在這個思念的季節(jié)里。真心祝愿你開心快樂!
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=3
src=http://infonavi.gznet.gov.cn/jingging/welcome/jinggingt/fangtu3/huace/53.jpg
width=650></marquee></center><marquee direction=down scrollamount=3><center><div
style="width:400;filter:flipv;"><img src="" width=650></div></center></marquee>
22、左向右上下起伏飛翔,
<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff
size=4 face=華文行楷><b>!去回快</b></font><br><img
src=http://www.tongtu.net/image/3/simeng/coolad.gif><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img
src=http://bbs.000562.com/attachments/iv6m_0050.gif></marquee><br></marquee>
注: height=200 是上下起伏飛翔幅度,可以調整,區(qū)分圖片大小,一般設置在50至150的范圍內比較好
23、右向左上下起伏飛翔,
<marquee direction=left><marquee behavior=alternate direction=up height=100><img
src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img
src=http://bbs.000562.com/attachments/iv6m_0050.gif><font color=0000ff size=3 face=華文行楷>我在追
“心”</b></font></marquee></marquee>
注: height=100 是上下起伏飛翔幅度,可以調整,區(qū)分圖片大小,一般設置在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><FONT
color=orange>
<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=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=349
background=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>
怒發(fā)沖冠,<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=center
background=http://www.sxscq.com.cn/itdoor012/web/2004-4-3-4/11-spring.jpg
border=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 width="100%"><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>夢中人祝朋友們?yōu)g覽開心!</B></FONT></B></MARQUEE>
夢中人祝朋友們?yōu)g覽開心!
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="
<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>放上一段優(yōu)雅的音樂,<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;
<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH:文字范圍(寬)HEIGHT:文字范圍(高)>文字內容</div></div><br /></div></div>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=500 align=center background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_4.gif>
<TABLE height=400 width=500 align=center background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_5.gif>
<BR>蜂語繞妝鏡,<BR>畫蛾學春碧。<BR>亂系丁香梢,<BR>滿欄花向夕。</P></B></FONT></FONT></B></DIV></DIV></TD></TR></TBODY>