文字和圖片向兩邊移動(dòng)
文字和圖片向兩邊移動(dòng)
文字從中間往上下分開(kāi):
<marquee direction="up"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">祝朋友萬(wàn)事如意!</font></marquee><br>
<marquee direction="down"><font style="line-height: normal; font-size: 20pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff00ff">祝朋友萬(wàn)事如意!</font></marquee>
效果:
祝朋友萬(wàn)事如意!
祝朋友萬(wàn)事如意!
文字上下往中間合并:
<MARQUEE direction=down><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal" color=#ff00ff>祝朋友萬(wàn)事如意!</FONT></MARQUEE><BR>
<MARQUEE direction=up><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 20pt; FONT-WEIGHT: normal" color=#ff00ff>祝朋友萬(wàn)事如意!</FONT></MARQUEE>
效果:
祝朋友萬(wàn)事如意!
祝朋友萬(wàn)事如意!
文字原地跳動(dòng):
<MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50):
WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云; COLOR: #ff0000; FONT-SIZE: 30pt">原</FONT></MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50):
WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云; COLOR: #0000ff; FONT-SIZE: 30pt">地</FONT></MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50):
WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云; COLOR: #ff0000; FONT-SIZE: 30pt">跳</FONT></MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50):
WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云; COLOR: #0000ff; FONT-SIZE: 30pt">動(dòng)</FONT></MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50):
WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云; COLOR: #ff0000; FONT-SIZE: 30pt">文</FONT></MARQUEE>
<MARQUEE direction=up height=150 behavior=alternate width=80><FONT style="FILTER: glow(color: mistyrose,pink=50):
WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云; COLOR: #0000ff; FONT-SIZE: 30pt">字</FONT></MARQUEE>
效果:
原地跳動(dòng)文字
原地跳動(dòng)的文字:
原地跳動(dòng)文字 代碼:
<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>動(dòng)</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>
交替跳躍的文字
交替跳躍文字
代碼:
<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>
隔字跳動(dòng)文字代碼:
<MARQUEE direction=up height=160 behavior=alternate width=80><FONT color=#ff0000 size=6 face=隸書(shū)>隔</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80><FONT color=#0000ff size=6 face=隸書(shū)>字</FONT></MARQUEE>
<MARQUEE direction=up height=160 behavior=alternate width=80><FONT color=#ff0000 size=6 face=隸書(shū)>跳</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80><FONT color=#0000ff size=6 face=隸書(shū)>動(dòng)</FONT></MARQUEE>
<MARQUEE direction=up height=160 behavior=alternate width=80><FONT color=#ff0000 size=6 face=隸書(shū)>文</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80><FONT color=#0000ff size=6 face=隸書(shū)>字</FONT></MARQUEE>
效果:
隔字跳動(dòng)文字
單字移動(dòng)代碼(橫排版)代碼:
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云="">震</font></marquee>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云="">宇</font></marquee>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云="">書(shū)</font></marquee>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云="">館</font></marquee>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云="">歡</font></marquee>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云="">迎</font></marquee>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云="">您</font></marquee>
說(shuō)明:scrollAmount="1"值越大越快;scrollDelay="10"值越大越慢。
震宇書(shū)館歡迎您
單字移動(dòng)代碼(豎排版)代碼:
<br>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10" align="center"><b><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云=""><b>震</b></font></b></marquee><br>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10" align="center"><b><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云=""><b>宇</b></font></b></marquee><br>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10" align="center"><b><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云=""><b>書(shū)</b></font></b></marquee><br>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10" align="center"><b><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云=""><b>館</b></font></b></marquee><br>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10" align="center"><b><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云=""><b>歡</b></font></b></marquee><br>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10" align="center"><b><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云=""><b>迎</b></font></b></marquee><br>
<marquee height="55" width="55" scrollAmount="1" scrollDelay="10" align="center"><b><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000" face="華" 文彩云=""><b>您</b></font></b></marquee><br>
效果:
震
宇
書(shū)
館
歡
迎
您
在圖片上添加飄動(dòng)文字的代碼:
<TABLE border=3 borderColor=#cd5c5c width=710 align=center height=500>
<TBODY>
<TR>
<TD background=http://image52.360doc.com/DownloadImg/2012/06/0516/24634645_2.jpg>
<MARQUEE direction=down height=350 behavior=alternate scrollAmount=3>
<MARQUEE behavior=alternate width=650 scrollAmount=3><FONT color=#ff0000 size=6><STRONG>圖片添加飄動(dòng)文字</STRONG></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<CENTER></CENTER>
圖片添加飄動(dòng)文字
滾動(dòng)特效(上翻滾)
歡迎光臨震宇書(shū)館地址
http://fuxing875263.360doc.com<marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="2" scrolldelay="0" direction="up" width="330" height="120" border="0" align="center" id="MARQUEE1">
歡迎光臨震宇書(shū)館
地址[url]http://www.lovq.cn[/url]
</marquee>
文字從右向左移動(dòng) :
文字從右向左移動(dòng)
<MARQUEE style="FILTER: shadow(color=nAVY); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 華文彩云; COLOR: #8f21ba; FONT-SIZE: 40pt" scrollAmount=3 FONT=""><B>文字從右向左移動(dòng)
</B></MARQUEE><P align=center> </P>
文字從右向左移動(dòng)
文字從右向左移動(dòng)
<DIV align=center>
<MARQUEE style="WIDTH: 600px; HEIGHT: 48px" width=363 height=48><EM><FONT face=楷體_GB2312 color= red size=7><STRONG>字體從右向左移動(dòng)</STRONG></FONT></EM></MARQUEE></DIV><DIV align=center> </DIV>
移動(dòng)代碼
安德烈.瑞歐在專(zhuān)輯《愛(ài)在世界的每個(gè)角落》再度以他獨(dú)特的編曲技法,融合古典與輕音樂(lè)大樂(lè)團(tuán)的演出方式,演出一首又一首世人耳熟能祥的樂(lè)曲。選曲切合專(zhuān)輯的名稱(chēng),從奧斯卡金曲〈世事當(dāng)如此〉,到俄羅斯民謠〈黑眼珠〉;從維也納圓舞曲〈風(fēng)流寡婦〉,到法國(guó)香頌經(jīng)典〈巴黎天空下〉,每一首都是深具代表性與地方色彩的動(dòng)人樂(lè)曲,欣賞這張專(zhuān)輯,樂(lè)迷更能深入體會(huì)到「音樂(lè)無(wú)國(guó)界」的意義。
<MARQUEE scrollAmount=1 direction=up><P align=center> <FONT color=#ffddaa size=4>安德烈.瑞歐在專(zhuān)輯《愛(ài)在世界的每個(gè)角落》再度以他獨(dú)特的編曲技法,融合古典與輕音樂(lè)大樂(lè)團(tuán)的演出方式,演出一首又一首世人耳熟能祥的樂(lè)曲。選曲切合專(zhuān)輯的名稱(chēng),從奧斯卡金曲〈世事當(dāng)如此〉,到俄羅斯民謠〈黑眼珠〉;從維也納圓舞曲〈風(fēng)流寡婦〉,到法國(guó)香頌經(jīng)典〈巴黎天空下〉,每一首都是深具代表性與地方色彩的動(dòng)人樂(lè)曲,欣賞這張專(zhuān)輯,樂(lè)迷更能深入體會(huì)到「音樂(lè)無(wú)國(guó)界」的意義。</MARQUEE>
畫(huà)面定位貼文字(豎排漸出)
<div style="POSITION: absolute; WIDTH: 200px; TOP: 70px; LEFT: 140px">
<marquee height=200 behavior=slide width=200 scrollAmount=1 scrollDelay=100>
<marquee style="WRITING-MODE: tb-rl; LINE-HEIGHT: 100%" direction=up height=200 behavior=slide width=200 scrollAmount=1 scrollDelay=100>
<div style="LINE-HEIGHT: 180%; WIDTH: 30%; FONT-FAMILY: 宋體; COLOR: #00ff00; FONT-SIZE: 12pt">歡迎光臨<br>震宇書(shū)館</div>
</marquee></marquee></div>
文字豎排滾動(dòng)(豎排漸出)
北國(guó)風(fēng)光,
千里冰封,
萬(wàn)里雪飄。
望長(zhǎng)城內(nèi)外,
惟馀莽莽;
大河上下,
頓失滔滔。
山舞銀蛇,
原馳蠟象,
欲與天公試比高。
須晴日,
看紅妝素裹,
分外妖嬈。
江山如此多嬌,
引無(wú)數(shù)英雄競(jìng)折腰。
惜秦皇漢武,
略輸文采;
唐宗宋祖,
稍遜風(fēng)騷。
一代天驕,
成吉思汗,
只識(shí)彎弓射大雕。
俱往矣,
數(shù)風(fēng)流人物,
還看今朝。
<div align=center><br><br>
<marquee height=400 behavior=slide width=900 loop=1 scrollAmount=1 scrollDelay=100>
<marquee style="WRITING-MODE: tb-rl; LINE-HEIGHT: 120%" direction=up height=400 width=900 scrollAmount=1 scrollDelay=100>
<p align=left><font style="LINE-HEIGHT: 180%; FONT-FAMILY: 黑體; COLOR: #000000; FONT-SIZE: 24pt"><strong>北國(guó)風(fēng)光,<br>千里冰封,<br>萬(wàn)里雪飄。<br>望長(zhǎng)城內(nèi)外,<br>惟馀莽莽;<br>大河上下,<br>頓失滔滔。<br>山舞銀蛇,<br>原馳蠟象,<br>欲與天公試比高。<br>須晴日,<br>看紅妝素裹,<br>分外妖嬈。<br><br>江山如此多嬌,<br>引無(wú)數(shù)英雄競(jìng)折腰。<br>惜秦皇漢武,<br>略輸文采;<br>唐宗宋祖,<br>稍遜風(fēng)騷。<br>一代天驕,<br>成吉思汗,<br>只識(shí)彎弓射大雕。<br>俱往矣,<br>數(shù)風(fēng)流人物,<br>還看今朝。</strong></font></p>
</font></marquee></marquee></div>
文字左右移動(dòng):
歡迎光臨震宇書(shū)館
<marquee behavior="alternate">歡迎光臨震宇書(shū)館</marquee>
如何在圖片中加滾動(dòng)字
向上滾動(dòng)的字代碼如下:
<TABLE height=100 cellPadding=10 width=640 align=center background=圖片地址border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4>
祝朋友們健康快樂(lè)!
</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
祝朋友們健康快樂(lè)!
向右移動(dòng)的字代碼如下:
<TABLE height=500 cellPadding=10 width=640 align=center background=圖片地址border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ffff>
<P align=center><FONT face=隸書(shū)color=#0000ff size=5>
祝朋友們健康快樂(lè)!
</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
注:scrollAmount=2 是控制字速,數(shù)值越大字速就越快!
祝朋友們健康快樂(lè)!
波浪式的文字
波浪式的文字
代碼:
<P align=center></P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460 src="">
<DIV align=center><FONT face=隸書(shū) color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>
左右運(yùn)動(dòng)的文字
左右運(yùn)動(dòng)的文字
左右運(yùn)動(dòng)的文字
代碼:
<MARQUEE direction=right width=250 height=50>
<DIV align=center><FONT face=隸書(shū) color=#ff0000 size=7>左右運(yùn)動(dòng)的文字</FONT></DIV></MARQUEE></DIV>
<DIV align=center>
<MARQUEE width=250 height=50>
<DIV align=center><FONT face=隸書(shū) color=#ff0000 size=7>左右運(yùn)動(dòng)的文字</FONT></DIV></MARQUEE>
移動(dòng)拋射字體
移動(dòng)拋射字體
代碼;
<TABLE>
<TBODY>
<TR>
<TD> </TD>
<TD>
<P></P>
<P style="TEXT-INDENT: 2em"> <FONT color=#99cc00> </FONT></P>
<P style="TEXT-INDENT: 2em"><FONT color=#99cc00></FONT> </P>
<P style="TEXT-INDENT: 2em">
<MARQUEE style="FILTER: shadow(color=#9932cc,strength=30); WIDTH: 514px; HEIGHT: 80px" DIV><B><FONT color=#ff3300 size=9 face=華文行楷> 移動(dòng)拋射字體 </FONT></B></MARQUEE></P></TD></TR></TBODY></TABLE><WBR>
模糊背景文字
模糊背景文字
代碼:<DIV style="FONT-SIZE: 30pt; FILTER: glow(color: cc8888,strength=40); WIDTH: 100%; 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 height=120>
<CENTER><B><FONT color=#ffff00>糊</FONT></B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>背</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=120>
<CENTER><B><FONT color=#00ffff>景</FONT></B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=120>
<CENTER><B><FONT color=#ff99cc>字</FONT></B></CENTER></MARQUEE></DIV>
左向右上下起伏飛翔:
height=150 是上下起伏飛翔幅度,可以調(diào)整,區(qū)分圖片大小,一般設(shè)置在50至150的范圍內(nèi)比較好
<MARQUEE direction=right>
<MARQUEE style="WIDTH: 607px; HEIGHT: 70px" direction=up height=70 behavior=alternate><FONT color=#0000ff size=4 face=華文行楷><STRONG> !去回快</STRONG></FONT><BR> <IMG alt=" 用代碼寫(xiě)的漂亮字體 " src="http://image27.360doc.com/DownloadImg/2011/04/1809/11012101_5.gif" __1303091370127__="ev_7099918752"><IMG alt=" 用代碼寫(xiě)的漂亮字體 " src="http://image54.360doc.com/DownloadImg/2012/08/3014/26501719_1.gif" __1303091370127__="ev_6471285106"><IMG alt=" 用代碼寫(xiě)的漂亮字體" src="http://image27.360doc.com/DownloadImg/2011/04/1809/11012101_4.gif" __1303091370127__="ev_1213199523"></MARQUEE><BR></MARQUEE>
!去回快
右向左上下起伏飛翔:
height=100 是上下起伏飛翔幅度,可以調(diào)整,區(qū)分圖片大小,一般設(shè)置在50至150的范圍內(nèi)比較好
<MARQUEE>
<MARQUEE style="WIDTH: 400px; HEIGHT: 80px" direction=up height=80 behavior=alternate><IMG alt=" 用代碼寫(xiě)的漂亮字體" src="
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=480 height=100>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=480 height=160>
<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: CCFF00 ; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚體" color=#ff0000>白日依山盡<BR>黃河入海流<BR>欲窮千里目<BR>更上一層樓<BR><BR></FONT></P></MARQUEE></MARQUEE></DIV>
<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=15,color=.FF0000)" scrollAmount=2 scrollDelay=180 direction=up behavior=alternate height=180>
<CENTER><FONT face=迷你簡(jiǎn)粗倩 color=#ff0000 size=7><STRONG>歡 迎 光 臨<BR>謝 謝 欣 賞</STRONG></FONT></CENTER></MARQUEE>