標籤:

html特效字代碼大全

2008-12-01 23:09:12|分類:→博客入門 |字型大小訂閱引用玫瑰夫人網頁上有不少漂亮的美術字,這些特效文字是用軟體或代碼做成的。要用代碼編輯美術字,必須弄懂較多的有關代碼知識。先借人家編成的來套用吧!1、我愛美麗的大自然代碼: <FONT color=#c4b77d><FONT style="FILTER: shadow(color=#FF0000); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷; font-size:45pt">我愛美麗的大自然</FONT><DIV align=center>效果:我愛美麗的大自然2、保護生態環境代碼: <FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隸書; FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>保護生態環境</B></FONT>效果:保護生態環境3 、 努力學習,爭取進步代碼:<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>努力學習,爭取進步。</B></FONT>效果:努力學習,爭取進步。4、歡迎來到這裡代碼:<FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷" size=6>歡迎來到這裡!</FONT>效果:歡迎來到這裡!5、做的太好了,謝謝代碼:<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>做的太好了,謝謝!</B></FONT>效果:做的太好了,謝謝!6、頂代碼:<DIV align=center><DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#fff000>頂</FONT></DIV></DIV>效果: 頂7、這裡風景獨好請您欣賞代碼:<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=6); WIDTH: 100%; COLOR:00ff00; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><B> 這裡風景獨好請您欣賞!</B></FONT>效果: 這裡風景獨好請您欣賞!8、代碼:<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=green, strength=100); WIDTH: 480px"><FONT face=華文彩雲 color=#fff000><CENTER>幸<BR>福<BR>快<BR>樂<BR><BR></CENTER></FONT></DIV>效果:幸福快樂(一)文字設置標籤屬性三個主要內容的使用。(1)字型大小大小字型大小大小語句通常是<FONT size=1-7>字型大小</FONT>其大小是由參數所定,最小是1,最大是7。為了方便使用更大的字體,字型大小大小可用以下的語句:<FONT style=font:40pt>字型大小</FONT>字型大小隋數值增大,不受限制。文字設置用普通字型大小的代碼:<CENTER><font size=5 face=隸書 color=00FF00>學習代碼</font></CENTER>(關鍵語句:size=5)顯示: 學習代碼文字設置用大字型大小的代碼:<CENTER><font style=font:80pt face=隸書 color=00ff00>學習代碼</font></CENTER>(關鍵語句:style=font:50pt) )顯示: 學習代碼(2)使用什麼樣字體用代碼貼字,字體一定要用網路上經常能顯示的十餘種。如:宋體 黑體 楷體_GB2312  仿宋_GB2312 新宋體  幼圓 隸書方正舒體 華文新魏 華文行楷 華文細黑 華文彩雲 方正姚體如果採用文鼎花瓣體等其他字體,而瀏覽者的電腦沒有安裝這些字體時,則都會顯示為宋體。(3)文字顏色的代碼文字的顏色可用0和F 6個字元組成易記住的顏色代碼,例如:黑色=000000 白色=ffffff 紅色=ff0000 綠色=00ff00藍色=0000ff 黃色=fff000 青色=00ffff 紫色=ff00ff(二)文字代碼可以做出很多漂亮的字體,靈活的運用文字設置標籤屬性的三個主要內容,即字型大小,字體和顏色,也可編輯出精彩的字體。七色彩字體的代碼:<CENTER><FONT face=隸書 color=ff0000 style=font:40pt>網<FONT color=fff000>絡</FONT><FONT color=0000ff>世</FONT><FONT color=green>界</FONT><FONT color=fffff0>歡</FONT><FONT color=ff00ff>迎</FONT><FONT color=00ffff>您</FONT></FONT></CENTER>顯示結果: 網 絡 世 界 歡 迎 您多種字型大小和字體的代碼:<CENTER><FONT face=新宋體 color=00ff00 style=font:15pt><FONT face=隸書 ><h1>《閨 怨》</h1></FONT><h3>王昌齡</h3>閨中少婦不知愁,春日凝妝上翠樓。<BR>忽見陌頭楊柳色,悔教夫婿覓封侯。<BR></FONT>顯示結果: 《閨 怨》王昌齡閨中少婦不知愁,春日凝妝上翠樓。忽見陌頭楊柳色,悔教夫婿覓封侯。一、用html編輯器:分別為字體、字型大小、加粗、斜體、下劃線、刪除線、字體顏色、背景顏色、對齊方式。另外提一句,若不是常用字體,建議截圖、或者用PS製作成圖片。二、特效:1、上線:代碼: <font style="text-decoration:overline"><FONT color=ff00ff><h2>上線</font>顯示結果: 上線2、豎排文字:代碼: <div style="writing-mode :tb-rl;width:10px;height:55px"><FONT color=ff00ff><h2>豎排文字</div>註:藍色部分大小請自行調整顯示結果:豎排文字3、發光文字:代碼: <div style="width: 480px; height: 140px;filter:glow(color=#9933cc, strength=3)">發光文字</div>註:寬高在設計視圖,用滑鼠選中之後拖拉改變,紅色部分為光暈的顏色,藍色為光暈的大小。<div>中文字,需要切換到代碼試圖,在要換行的地方打入<br>,就可以實現換行效果。顯示結果:模糊文字發光文字4、模糊文字:代碼: <center><DIV style="FILTER:Blur(direction=150); WIDTH: 480px; HEIGHT: 140px">模糊文字</div>註:紅色部分為是模糊陰影的角度,顏色可以在設計視圖選中文字,然後更改。顯示結果: 模糊文字5、波浪文字:代碼: <DIV style="FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 150px; HEIGHT: 100px"><h2>波浪文字</div>顯示結果: 波浪文字6.設置文字的上下標a、上標:<SUP>文字1</SUP>例:文字1b、下標<SUB>文字2</SUB>例:文字2--------------------------------------------------1 用閃底做特效字代碼:<TABLE cellSpacing=0 cellPadding=0 align=center background=http://nxm.16789.net/s-helpSite/domName/nxm/2004121215545877458.gif border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgColor=#fcf3f4><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=華文新魏 color=#336699><B>很漂亮的字體</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>顯示結果:很漂亮的字體例如:1、代碼:<TABLE cellSpacing=0 cellPadding=0 align=center background=http://i77.photobucket.com/albums/j75/loklokbwu/bar12.gif border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgColor=#ffffff><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 35pt" face=華文行楷 color=#336699><B>雪山家園 </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>顯示結果:雪山家園2 代碼:、<TABLE cellSpacing=0 cellPadding=0 align=center background=http://i77.photobucket.com/albums/j75/loklokbwu/aew8ax.gif border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgColor=#ffffff><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 35pt" face=華文行楷 color=#336699><B>雪山家園 </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><P>&nbsp;</P>顯示結果: 雪山家園3、代碼:<TABLE cellSpacing=0 cellPadding=0 align=center background=http://i77.photobucket.com/albums/j75/loklokbwu/adjloh.gif border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgColor=#ffffff><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 35pt" face=華文行楷 color=#336699><B>雪山家園 </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><P>&nbsp;</P>顯示結果:雪山家園4、代碼:<TABLE cellSpacing=0 cellPadding=0 align=center background=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_7.gif border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgColor=#ffffff><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 35pt" face=華文行楷 color=#336699><B>祝朋友開心!雪山歡迎您! </B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>顯示結果:祝朋友開心!雪山歡迎您!在背景圖片上寫特效閃光字:代碼:<div align="center"><table height="340" cellspacing="0" width_="450" background="http://nxm.16789.net/s-helpSite/domName/nxm/200412121654818526.gif"><tbody><tr><td style="FILTER: chroma(color=#336699)" valign="top"align="center" background="http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_9.jpg"><palign="center"><font style="FONT-SIZE: 40pt" face="華文行楷" color="#336699"><b /></font> </p><p align="center"><fontstyle="FONT-SIZE: 40pt" face="華文行楷" color="#336699"><b /></font> </p><p align="center"><font style="FONT-SIZE: 40pt"face="華文行楷" color="#336699"><b /></font> </p><p align="center"><font style="FONT-SIZE: 50pt" face="華文行楷"color="#336699"><b>雪山家園</b></font></p><p align="center"><font style="FONT-SIZE: 40pt" face="華文行楷"color="#336699"><b>歡迎您</b></font> </p></td></tr></tbody></table></div><p> </p><p><font color="#a52a2a"size="6"></font></p><p><font color="#a52a2a" size="6"></font></p>(在以上這組HTML代碼中,其中第一段的地址是閃亮字的背景地址,第二段的地址是圖片的地址)顯示結果:雪山家園歡迎您底色:http://i77.photobucket.com/albums/j75/loklokbwu/logomomingsiustand.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/bgrnd241.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/bar12.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/aew8ax.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/aeup1u.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/aeumqf.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/adjloh.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/adjlmf.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/adjlhl.gifhttp://i77.photobucket.com/albums/j75/loklokbwu/adjlf8.gif金邊字代碼:代碼1、<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>與大家一起學習製作特效字</B></FONT></CENTER></DIV>顯示結果: 與大家一起學習製作特效字代碼2、<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書"><B>雪山家園</B></FONT></DIV>顯示結果:雪山家園代碼3、<FONT size=7><FONT color=#ff0000>這</FONT><FONT color=#d52a00>里</FONT><FONT color=#ab5400>是</FONT><FONT color=#817e00>你</FONT><FONT color=#57a800>我</FONT><FONT color=#2dd200>的家</FONT></FONT>顯示結果:這裡是你我的家代碼4、<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#3333cc>淡淡的友情最真</FONT></CAPTION> <BR></CAPTION></P><BR></DIV>顯示結果:淡淡的友情最真代碼5、<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>淡淡的問候最醇</B></FONT><BR></DIV>顯示結果:淡淡的問候最醇代碼6、<DIV align=center><DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#fff000>歡迎您</FONT> <BR></DIV></DIV>顯示結果: 歡迎您代碼7、<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 華文彩雲; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>雪山歡迎您</B></FONT></CENTER>顯示結果: 雪山歡迎您代碼8、<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>顯示結果: 雪山歡迎您代碼9、<MARQUEE behavior=alternate direction=up height=250 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width_=460><FONT color=red face=楷體_gb2312 size=7>雪山歡迎您</FONT></MARQUEE></MARQUE></MARQUEE>顯示結果: 雪山歡迎您描邊特效字:代碼1:<P><FONT style="FONT-SIZE: 45pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲">歡迎光臨--雪山</FONT></P>效果:歡迎光臨--雪山代碼2、<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#3333cc>朋友開心</FONT></CAPTION> <BR></CAPTION></P>效果: 朋友開心代碼3、<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 500px; "><P><FONT color=#ff00ff>總有一天等到你! </FONT></P></FONT></CAPTION><DIV></DIV><BR><BR><BR>效果:總有一天等到你!代碼4、</B><BR></B><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷" size=6>真情永遠!</FONT><DIV></DIV><BR><BR></DIV>效果:真情永遠!代碼5、<CENTER><FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B><P>大家好!</P></B></FONT></CENTER></DIV>效果:大家好!代碼6、<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>一杯熱茶~*</B></FONT></CENTER></DIV>效果: 一杯熱茶~*代碼7、<CENTER><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書"><B>一聲問候...</B></FONT></DIV>效果: 一聲問候...代碼8、<FONT size=7><FONT color=#ff0000>這</FONT><FONT color=#d52a00>里</FONT><FONT color=#ab5400>是</FONT><FONT color=#817e00>你</FONT><FONT color=#57a800>我</FONT><FONT color=#2dd200>的家</FONT></FONT>效果:這裡是你我的家代碼9、<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#3333cc>別忘了這裡</FONT></CAPTION> <BR></CAPTION></P><BR></DIV>效果:別忘了這裡代碼10、<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=華文彩雲 color=#9932cc size=7><B><CENTER><BR>有空來坐坐*,,</CENTER><CENTER></B>&nbsp;</CENTER></FONT></DIV></DIV>效果:有空來坐坐*,,代碼11、<CENTER><MARQUEE scrollAmount=2 direction=down height=60><CENTER><FONT face=華文彩雲 color=#da70d6 size=6><B>朋友,歡迎您的到來~~~~</FONT></CENTER></B></MARQUEE><CENTER><MARQUEE scrollAmount=2 direction=up height=60><CENTER><FONT face=華文彩雲 color=#da70d6 size=6><B>朋友,歡迎您的到來~~~~</FONT></CENTER></B></MARQUEE></CENTER></DIV><P></P></CENTER>效果: 朋友,歡迎您的到來~~~~朋友,歡迎您的到來~~~~代碼12、<CENTER><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>HTML標籤!</B></FONT><BR></DIV>效果: HTML標籤!代碼13、<MARQUEE width_=250 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_1.gif"><FONT face=隸書 color=#ff0000 size=7> 查看論壇限制<IMG src="https://www.getit01.com/getimg_360.php?url=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_1.gif"></FONT></MARQUEE></FONT><MARQUEE direction=right width_=250 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_2.gif"><FONT face=隸書 color=#ff0000 size=7> 查看論壇限制<IMG src="https://www.getit01.com/getimg_360.php?url=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_2.gif"></FONT></MARQUEE></FONT></DIV>效果:

查看論壇限制

查看論壇限制

代碼14:<MARQUEE direction=up><TABLE cellSpacing=0 cellPadding=0 align=center background=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_10.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=lime><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=華文行楷 color=#336699>雪山家園歡迎您</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE></DIV>效果:雪山家園歡迎您代碼15、<DIV align=center><DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#fff000>福</FONT> <BR></DIV></DIV></DIV>效果: 福代碼16:<MARQUEE direction=up><TABLE cellSpacing=0 cellPadding=0 align=center background=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_11.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=red><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=華文行楷 color=#336699>朋友您辛苦了!</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE></DIV>效果:朋友您辛苦了!代碼17:<DIV style="FILTER: shadow(color=#c299ff, strength=10); WIDTH: 700px"><FONT style="FONT-WEIGHT: 500; FONT-SIZE: 43pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隸書 color=#800080>雪山真誠歡迎您!</FONT> <BR></DIV></DIV>效果:雪山真誠歡迎您!動的字代碼:1、上下跳動的字代碼:<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=blackpansy><MARQUEE direction=up behavior=alternate width_=60 height=120>家</MARQUEE><FONT color=palegreen><MARQUEE direction=up behavior=alternate width_=60 height=80>永</MARQUEE><FONT color=violet><MARQUEE direction=up behavior=alternate width_=60 height=120>遠</MARQUEE><FONT color=skyblue><MARQUEE direction=up behavior=alternate width_=60 height=80>健</MARQUEE><FONT color=purple ><MARQUEE direction=up behavior=alternate width_=60 height=120>康</MARQUEE></FONT></B></MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></CENTER></FONT></FONT效果: 祝大家永遠健康< FONT>2、製作滾動字幕:<MARQUEE direction=up height=40 scrollAmount=3 scrollDelay=150 width_=400><CENTER><FONT color=#ffaa00 face=黑體 size=5>HTML標籤:可用 UBB標籤:可用 貼圖標籤:可用 Flash標籤: 可用 多媒體標籤: 可用表情字元轉換:可用 上傳圖片:可用 每天允許發帖數:無限制 <BR></FONT></CENTER></MARQUEE>效果: HTML標籤:可用 UBB標籤:可用 貼圖標籤:可用 Flash標籤: 可用 多媒體標籤: 可用 表情字元轉換:可用 上傳圖片:可用 每天允許發帖數:無限制3、<MARQUEE direction=down width_=480 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_3.gif"><FONT face=隸書 color=#ff0000 size=7>網路資源共享<IMG src="https://www.getit01.com/getimg_360.php?url=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_3.gif"></FONT></MARQUEE>效果:

網路資源共享

4、 字幕從右向左滾動代碼:<marquee direction=left>從右向左滾動</marquee>效果: 從右向左滾動5.字幕從左向右滾動代碼:<marquee direction=right>從左向右滾動</marquee>效果: 從左向右滾動6.behavior屬性:指定文本的滾動方式,分為三種:Scroll:從一端消失後,在另一端出現並繼續滾動。(1)一圈一圈地滾動 代碼:<marquee behavior=scroll>一圈一圈地滾動</marquee>效果: 一圈一圈地滾動(2)Slide:從一端滾動,接觸到另一端後停止 代碼:<marquee behaviro=slide>只滾動一次就停止</marquee>效果: 只滾動一次就停止(3) Alternate:從一端滾動到另一端後,反向滾動。來回滾動代碼:<marquee behavior=alternate>來回滾動</marquee>direction=up(left、right、down) 這個屬性可以更改,這樣就可以實現上下左右了效果: 來回滾動7.原地跳動的文字:<CENTER><FONT face=隸書 color=red size=25><MARQUEE direction=up behavior=alternate width_=60 height=120>祝</MARQUEE><FONT color=yellow><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=yellow><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></FONT></FONT></FONT>效果: 祝大家永遠幸福8.橫排字漸出向上移動 代碼:<DIV align=center><MARQUEE scrollAmount=1 scrollDelay=100 direction=up width_=550 height=290><FONT style="FONT-SIZE: 18pt; COLOR: #ea0000; 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></FONT></P></MARQUEE></MARQUEE></DIV>效果: 我帶著遠古的心愿你懷揣前世的祈盼我飽含如許的虔誠你浸潤最深的期待我們跨越萬水千山赴今世的約定...你感覺我深情凝眸的甜柔我傾聽你心室澎湃的跳動白雲輕盈飄蕩星月神秘閃爍燃燒的篝火旁我們席地而坐傾訴不盡的相思燃燒的火焰是不滅的炙熱讓我們一起出發背上快樂的行囊攜著一路的歡唱踏著燦爛的芬芳望--天上雲卷霞飛看--地下小橋流水擁--鬱郁山川入懷枕--簇簇波浪入眠把--憂煩拋在身後讓--愉悅灑滿詩行9、豎排字漸出 代碼:<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><P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; 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></FONT></P></MARQUEE></MARQUEE></DIV>效果: 我帶著遠古的心愿你懷揣前世的祈盼我飽含如許的虔誠你浸潤最深的期待我們跨越萬水千山赴今世的約定...你感覺我深情凝眸的甜柔我傾聽你心室澎湃的跳動白雲輕盈飄蕩星月神秘閃爍燃燒的篝火旁我們席地而坐傾訴不盡的相思燃燒的火焰是不滅的炙熱讓我們一起出發背上快樂的行囊攜著一路的歡唱踏著燦爛的芬芳望--天上雲卷霞飛看--地下小橋流水擁--鬱郁山川入懷枕--簇簇波浪入眠把--憂煩拋在身後讓--愉悅灑滿詩行10.飛舞的文字代碼:<DIV align=center><MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime><MARQUEE direction=up behavior=alternate width_=40 height=200 align="middle">北</MARQUEE><FONT color=red><MARQUEE direction=up behavior=alternate width_=40 height=150>國</MARQUEE><FONT color=red><MARQUEE direction=up behavior=alternate width_=40 height=200>雪</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width_=40 height=150>山</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width_=40 height=200>歡</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width_=40 height=150>迎</MARQUEE><FONT color=red><MARQUEE direction=up behavior=alternate width_=40 height=200>你</MARQUEE><FONT color=orange></B></FONT></FONT></FONT></FONT></FONT></MARQUEE>提示大家字不夠可以自己添加/複製<MARQUEE direction=up behavior=alternate width_=40 height=150>龍</MARQUEE><FONT color=red>這代碼越多你添加的字起來就不會那麼彆扭/當然你可以直接在上面加多幾個字/顏色可以自己改!效果: 北國雪山歡迎你還有特效字的效果1、紫色鏤空字效果 代碼:<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=華文彩雲 color=#9932cc size=7><B><CENTER><BR>開心你我他</B></CENTER></FONT><P></P></DIV>效果:開心你我他2、 金邊紅字效果 代碼:<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=#e31c1b>雪山家園歡迎您</FONT></DIV>效果: 雪山家園歡迎您3、紅邊白字 代碼: <P align=center><TABLE cellSpacing=0 cellPadding=0 align=centerbackground=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_12.jpg width_="550"height="260"><TBODY><TR><TD><DIV align=center><FONT color=#c4b77d><BR><FONT style="FILTER: shadow(color=#FF0000); WIDTH:550; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷; font-size:60pt">雪山的祝福<br>願朋友快樂</FONT></DIV>效果:雪山的祝福願朋友快樂4、銀邊紅字 代碼: <P align=center><TABLE cellSpacing=0 cellPadding=0 align=centerbackground=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_12.jpg width_="550"height="260"><TBODY><TR><TD><P align=center><DIV align=center><FONT color=#c4b77d><BR><FONT style="FILTER: shadow(color=#c4b77d); WIDTH: 550; COLOR: RED; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷; font-size:60pt">歡迎您光臨</FONT></DIV></CENTER></DIV></P>效果:歡迎您光臨5、紫邊白字 代碼: <P align=center><TABLE cellSpacing=0 cellPadding=0 align=centerbackground=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_12.jpg width_="550"height="260"><TBODY><TR><TD><CENTER><FONT style="FONT-SIZE: 72pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒體"><B>祝朋友開心快樂</B></FONT> </CENTER></DIV></P>效果:祝朋友開心快樂6、透明字 代碼: <P align=center><TABLE cellSpacing=0 cellPadding=0 align=centerbackground=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_13.jpg width_="550"height="400"><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE cellSpacing=0 cellPadding=0 align=centerbackground=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_14.jpg width_="550"height="400"><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=華文行楷 color=#336699><B><EM>雪山家園<br>2008<br>祝朋友開心</EM></B></FONT></TD></TR></TBODY></TABLE>效果:雪山家園2008祝朋友開心7、陰影字 代碼: <P align=center><TABLE cellSpacing=0 cellPadding=0 align=centerbackground=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_12.jpg width_="650" height="360"><TBODY><TR><TDstyle="FILTER: chroma(color=#336699)"><P align=center><FONT style="FONT-SIZE: 70pt; FILTER: shadow(color=#ffd700,strength=50); WIDTH: 650px"><FONT face=隸書 color=#ff8c00><CENTER><B>雪山歡迎您<BR>希望您開心</B></CENTER></TBODY></TR></TD></FONT></DIV></P></TABLE>效果:雪山歡迎您希望您開心8、漸出彩色字:祝您好運來 天天好心情代碼:<DIV align=center><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#ff0000><B>祝 天 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#66ff00><B>您 天 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#f709f7><B>好 好 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#0909f7><B>運 心 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#eeee11><B>來 情 </B></FONT></B></B></MARQUEE></FONT><CENTER></CENTER></DIV><BR><P></P><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>雪山家園歡迎您</B></FONT></CENTER>效果: 祝 天 您 天 好 好 運 心 來 情雪山家園歡迎您9、彩虹字代碼:<P align=center><p><TABLE cellSpacing=0 cellPadding=0 align=center background=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_15.gif width_="692"><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center background=http://image51.360doc.com/DownloadImg/2012/04/1021/23086706_16.gif width_="700"><TBODY><TR><TD align=middle><P><FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑體 color=#336699>真情永遠<br>雪山家園</FONT></P><P><FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑體 color=#336699></FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 55pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隸書 color=#336699></P></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><DIV></DIV><BR><P></P>效果:真情永遠雪山家園10、遮罩字代碼:<DIV align=left>&nbsp;</DIV><DIV align=left><TABLE cellSpacing=0 cellPadding=2 border=0><TBODY><TR><TD bgColor=#ff0000><FONT color=#000000 size=-1>.. </FONT></TD><TD vAlign=top bgColor=#00ffff><DIV></DIV><BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<TABLE cellSpacing=10 cellPadding=0 border=8><P>&nbsp;<P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><MARQUEE direction=right><MARQUEE><DIV style="FONT-WEIGHT: 600; FONT-SIZE: 12pt; FILTER: shadow(color=white,direction=500); WIDTH: 100%; COLOR: #0000ff; HEIGHT: 10px"><FONT size=7>雪山歡迎您 </FONT></DIV></MARQUEE></MARQUEE><P></P><P>&nbsp;</P><TBODY></TBODY></P></TABLE></TD></TR></TBODY></TABLE></DIV>效果:..雪山歡迎您 11、彩色遮罩字代碼:<DIV style="Z-INDEX: 2; LEFT: 570px; WIDTH: 451px; TOP: 50px; HEIGHT: 50px"><CENTER><MARQUEE direction=right><MARQUEE><DIV style="FONT-SIZE: 22pt; FILTER: shadow(color=,direction=500); WIDTH: 100%; COLOR: #ffff80; HEIGHT: 106px"><P><FONT face=隸書 color=#ff0000 size=6><STRONG>&nbsp;&nbsp;雪山歡迎您光臨!</STRONG></FONT></P><P><FONT face=隸書 color=#ff0000 size=6><STRONG> <A href="http://xs833.blog.163.com/"><FONT face=Arial color=#00ffff><STRONG><FONT size=5><FONT color=#ff0000>http</FONT><FONT color=#00ffff><FONT color=#ff00ff>:</FONT>//<FONT color=#ff6600>xs</FONT><FONT color=#ff0000>833</FONT><FONT color=#ff00ff>.</FONT><FONT color=#0000ff>blog</FONT><FONT color=#ff00ff>.</FONT><FONT color=#ffff00>163</FONT><FONT color=#ff00ff>.</FONT></FONT><FONT color=#99cc00>com/</FONT></FONT></STRONG></FONT></A>!</STRONG></FONT></P></DIV></MARQUEE></MARQUEE></CENTER></DIV>效果:雪山歡迎您光臨!http://xs833.blog.163.com/!============================================================
推薦閱讀:

【顏色邊框】五款圖片顏色邊框的代碼
在移動背景圖上定位添加雙列圖文的代碼
【代碼應用】用代碼製作的圖片
網頁顏色代碼取色器--------龍族聯盟論壇

TAG:代碼 |