★★文字走馬燈效果代碼 :
★文字走馬燈效果代碼
<P></P><MARQUEE width=657 height=21>這里輸入文字 ★改變文字的字體和顏色代碼1 <B><FONT face=華文行楷 color=#ff0000 size=5>要修改字體和顏色的提示:color=文章顏色 ★改變文字的字體和顏色代碼2 <FONT face=楷體_GB2312(字體) color=#00ff00 size=1>輸入文字</FONT> 提示:color=文章顏色 ★移動文字代碼
<MARQUEE width=657 height=21>你要寫的文字</MARQUEE>★文字特效顯示代碼效果一:
<CENTER><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; 字串6: 華文彩云"><B>輸入文字</B></FONT></CENTER>效果二:
<CENTER><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>輸入文字</B></FONT></CENTER>效果三:
<CENTER><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 30px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 650px; LINE-HEIGHT: 150%" color=#0099ff>輸入文字</FONT></CENTER></FONT></B></STRONG></MARQUEE>
效果:
這里輸入文字 ★改變文字的字體和顏色代碼1 要修改字體和顏色的提示:color=文章顏色 ★改變文字的字體和顏色代碼2 輸入文字 提示:color=文章顏色 ★移動文字代碼 你要寫的文字★文字特效顯示代碼效果一: 輸入文字效果二: 輸入文字效果三: 輸入文字
2、設置不同移動效果的文字:
基本語法:
<marquee behavior=移動效果>插入文字,</marquee>
屬性如下:
behavior=scroll 一圈一圈繞著走
behavior=slide 只走一次
behavior=alternate 來回走
效果:
一圈一圈繞著走: 歡迎光臨知音論壇!
只走一次: 歡迎光臨知音論壇!
來回走: 歡迎光臨知音論壇!
3、走走停停文字設置:
基本語法:
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
效果:
歡迎光臨知音論壇!
四、設計不同特效的文字:
1、上下移動:
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="圖片地址"><FONT color=red face=楷體_gb2312 size=6>插入文字</FONT></MARQUEE></MARQUE></MARQUEE>
效果:
歡迎光臨知音論壇!
2、左右移動:
<P align=center><FONT color=#0096ff face=隸書 size=7><MARQUEE height=50 width=350>插入文字</FONT></MARQUEE><FONT color=#0000ff face=隸書 size=7><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE></FONT></FONT></P>
提醒:在用這種效果時,文字移動范圍的寬width的取值很重要,兩段文字移動范轉的width取值和一定要小于背景層width的取值。
效果:
歡迎光臨知音論壇!歡迎光臨知音論壇!
3、固定不動:
<P align=center><FONT style="BACKGROUND-COLOR: #00ffOO" color=#00ff88 size=6>插入文字</FONT></P>
效果:
歡迎光臨知音論壇!
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、拋射字體基本語法:
<DIV align=center>
<DIV style="FILTER: shadow(color=#FF3322
, 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>
效果:
拋射字體
6、由中間向兩邊移動文字:
<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 onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="圖片地址" ></FONT></MARQUEE></FONT></FONT></P></FONT>
效果:
由中間向兩邊移動的文字和圖像由中間向兩邊移動的文字和圖像
7、原地跳動文字
<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>
看看效果吧!
我們一起跳啊
8、交替跳躍文字:
<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></CENTER>
看看效果吧!
歡迎您來知音
9、穿梭文字:
<P><STRONG></STRONG></P>
<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文琥珀 color=#cf34f6 size=6>穿 穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="圖片地址" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="圖片地址" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="圖片地址" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE></CENTER>
<P></P>
看看效果吧!
穿 穿
梭 梭
文 文
字 字
10、左向右上下起伏飛翔文字
左向右上下起伏飛翔, height=200 是上下起伏飛翔幅度,可以調整,區分圖片大小,一般設置在50至150的范圍內比較好。
<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=華文行楷><b>大雁飛來飛去</b></font><br><img src=圖片地址><img src=圖片地址><img src=圖片地址></marquee><br></marquee>
看看效果吧!
大雁飛來飛去
11、右向左上下起伏飛翔:
右向左上下起伏飛翔,height=100 是上下起伏飛翔幅度,可以調整,區分圖片大小,一般設置在50至150的范圍內比較好
我在追“心”
看看效果吧!
愿知音帶來快樂無數
12、上下跳躍移動:
<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>
13、用閃圖做背景的特效文字的代碼:
<TABLE align=center background=http://image40.360doc.com/DownloadImg/2011/10/1717/18553077_5.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 50pt" face=隸書 color=#336699><B>知音論壇歡迎您光臨</B></FONT></TD></TR></TBODY></TABLE>
看看效果吧!(這是改動原代碼后的效果)
歡迎您光臨
知音論壇
14、文字在圖片上向上移動的基本語法
<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">
<P align=center><BR>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background=http://image40.360doc.com/DownloadImg/2011/10/1717/18553077_2.jpg border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT face=華文行楷 color=#ff0000 size=8>朋友您好!</FONT></P>
<P align=center><FONT face=華文行楷 color=#ff0000 size=8>親自動手!</FONT></P>
<P align=center><FONT face=華文行楷 color=#ff0000 size=8>體驗成功!</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>
看看效果吧!
朋友您好!
親自動手!
體驗成功!
15、豎排漸出字基本語法
豎排漸出字
<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>
看看效果吧!
我帶著遠古的心愿
你懷揣前世的祈盼
我飽含如許的虔誠
你浸潤最深的期待
我們跨越萬水千山
赴今世的約定...
你感覺我深情凝眸的甜柔
我傾聽你心室澎湃的跳動
白云輕盈飄蕩
星月神秘閃爍
燃燒的篝火旁
我們席地而坐
傾訴不盡的相思
燃燒的火焰是不滅的炙熱
讓我們一起出發
背上快樂的行囊
攜著一路的歡唱
踏著燦爛的芬芳
望--天上云卷霞飛
看--地下小橋流水
擁--郁郁山川入懷
枕--簇簇波浪入眠
把--憂煩拋在身后
讓--愉悅灑滿詩行
看看添加背景后的效果
我帶著遠古的心愿
你懷揣前世的祈盼
我飽含如許的虔誠
你浸潤最深的期待
我們跨越萬水千山
赴今世的約定...
你感覺我深情凝眸的甜柔
我傾聽你心室澎湃的跳動
白云輕盈飄蕩
星月神秘閃爍
燃燒的篝火旁
我們席地而坐
傾訴不盡的相思
燃燒的火焰是不滅的炙熱
讓我們一起出發
背上快樂的行囊
攜著一路的歡唱
踏著燦爛的芬芳
望--天上云卷霞飛
看--地下小橋流水
擁--郁郁山川入懷
枕--簇簇波浪入眠
把--憂煩拋在身后
讓--愉悅灑滿詩行
方法是:將第15例的所有代碼嵌入下面的代碼中,然后在“背景圖片地址”處換上你所喜歡的圖片地址,調整一下圖片的寬度和高度,合適為止。
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=背景圖片地址>第15例的所有代碼</TD></TR></TBODY></TABLE>
16、文字動畫效果在背景圖層上的基本語法:
<TABLE style="LEFT: -200px; WIDTH: 50px; TOP: 80px" cellSpacing=0 cellPadding=50 align=center background=http://image40.360doc.com/DownloadImg/2011/10/1717/18553077_2.jpg border=10>
<TBODY><TR><TD>
<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1 cellPadding=0 width=790 align=center border=1>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=220>
<MARQUEE style="WIDTH: 438px; HEIGHT: 139px" scrollAmount=3 behavior=alternate width=438><P align=center></P><P align=center></P>
<P align=center></P><P align=center><IMG src="圖片"> <FONT face=楷體_GB2312 color=#ff0000 size=6><STRONG>歡迎光臨</STRONG></FONT><FONT face=華文行楷 color=#800080 size=30><STRONG> </STRONG><BR>
<P align=center><STRONG></STRONG></P><P align=center><STRONG>
<P align=center></P><P align=center><IMG src="圖片"><FONT face=華文行楷_GB2312 color=#00ff00 size=6>知音論壇歡迎您<BR>知音好友歡迎您</FONT></A></P></STRONG>
</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></P></FONT></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></P></MARQUEE></MARQUEE>></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT>
17.立體鏤空字基本語法:
<DIV style="FILTER: shadow(color=#ff4400, strength=40); WIDTH: 708px; HEIGHT: 483px"><FONT size=3><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#ff0000>知音論壇</FONT><BR></FONT></DIV>
看看效果吧!
知音論壇
18.讓文字在背景圖片上悠閑地飄飛
在背景圖片上悠閑飄飛的文字 基本語法如下:
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=圖片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450>
<P align=center><FONT face=隸書 color=#00ff00 size=6 ff><B>淡妝濃抹總相宜 </B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
說明:
A、圖片地址自己輸入;
B、文字、字體和顏色可以變動。
看看效果吧!
淡妝濃抹總相宜
18 投射陰影效果:
<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隸書" color=#009900>投射陰影效果</div>
a 發光效果:
<div style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷體" color="#ffffff" size="4">天生我材必有用</div>
b 漸變效果:
<div style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:華文行楷"><B>為伊消得人憔悴</B></div></P>
c 帶背景字體:
<P align=center><FONT style="BACKGROUND-COLOR: #ffe4c4" color=#daa520 size=6>花自飄零水自流</FONT></P>
<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書"><B>相見時難別亦難</B></div>
<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px"><FONT face=隸書 color=#1e90ff>
D 藍色立體字:
<CENTER><B>無言獨上西樓月如鉤</B></FONT></CENTER></div>
e 上下交替移動立體字:
<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px"><SPAN style="COLOR: #1e90ff; FONT-FAMILY: 隸書">
<MARQUEE direction=up behavior=alternate width=60 height=120>歡</MARQUEE><SPAN style="COLOR: #ffff00">
<MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><SPAN style="COLOR: #a52a2a">
<MARQUEE direction=up behavior=alternate width=60 height=120>光</MARQUEE><SPAN style="COLOR: #008000">
<MARQUEE direction=up behavior=alternate width=60 height=80>臨</MARQUEE><SPAN style="COLOR: #ffa500">
<MARQUEE direction=up behavior=alternate width=60 height=120>知</MARQUEE><SPAN style="COLOR: #ffa500">
<MARQUEE direction=up behavior=alternate width=60 height=80>音</MARQUEE><SPAN style="COLOR: #ffff00">
<MARQUEE direction=up behavior=alternate width=60 height=120>論</MARQUEE><SPAN style="COLOR: #008000">
<MARQUEE direction=up behavior=alternate width=60 height=80>壇</MARQUEE><SPAN style="COLOR: #ffff00"></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></DIV>
效果:
天生我材必有用
投射陰影效果
為伊消得人憔悴
花自飄零水自流
相見時難別亦難
無言獨上西樓月如鉤
歡迎光臨知音論壇
19 顆粒邊緣上下跳動的字:
<CENTER><FONT style="FONT-SIZE: 50pt; FILTER: glow(color=#FF0000,strength=50); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=300>
<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=300>
<CENTER><B>論</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>壇</B></CENTER></MARQUEE></FONT></CENTER>
知音論