|
★ 一,、在圖片加入向上滾動(dòng)字幕
文字向上滾動(dòng)代碼：
<MARQUEE style="WIDTH: 600px; HEIGHT: 100px" scrollAmount=2 direction=up>
<FONT face=隸書(shū) color=#ff00ff size=4>置入文字</FONT></MARQUEE>
注：scrollAmount=2 是控制字速,，數(shù)值越大字速就越快,！
direction=up 是向上的方向,。
★代碼：
<TABLE height=300 cellPadding=10 width=500 align=center
background=http://image23.360doc.com/DownloadImg/2011/02/0518/8933433_3.jpg
border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up
height=84>
<DIV align=center><FONT face=楷體_GB2312 color=#330033 size=4>圖片中加入上滾文字
</FONT></DIV>
<DIV align=center><FONT face=楷體_GB2312 color=#CC0033 size=4>上滾的高度可以調(diào)整
</FONT></DIV>
<DIV align=center><FONT face=楷體_GB2312 color=#996633 size=4>上滾的速度可以調(diào)整
</FONT></DIV>
<DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#FFCC00>
閑散人也歡迎您光臨
</FONT></FONT></FONT></DIV></FONT></MARQUEE>
</DIV></TD></TR></TBODY></TABLE>
★效果：
|
★二,、在圖片上加入左右移動(dòng)字幕
★左右移動(dòng)代碼：
<MARQUEE behavior=alternate scrollAmount=2><FONT face=隸書(shū)
color=#ff00ff size=4>置入文字</FONT></MARQUEE>
★代碼：
<TABLE height=300 cellPadding=10 width=500 align=center
background=http://image23.360doc.com/DownloadImg/2011/02/0518/8933433_3.jpg
border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center>
<MARQUEE behavior=alternate><FONT face=隸書(shū) color=#ff00ff size=4>
圖片上加入左右移動(dòng)文字</FONT></MARQUEE>
<br>
<MARQUEE behavior=alternate><FONT face=隸書(shū) color=#ff00ff size=4>
左右移動(dòng)的寬度可以調(diào)整</FONT></MARQUEE>
<br>
<MARQUEE behavior=alternate><FONT face=隸書(shū) color=#ff00ff size=4>
左右移動(dòng)的速度可以調(diào)整</FONT></MARQUEE>
<br>
<MARQUEE behavior=alternate><FONT face=隸書(shū) color=#ff00ff size=4>
閑散人也歡迎您的光臨,！</FONT></MARQUEE>
</DIV></TR></TBODY></TABLE>
★效果：
|
|
★三,、在圖片上加入從右向左滾動(dòng)字幕
★從右向左滾動(dòng)代碼：
<MARQUEE scrollAmount=2 direction=right><FONT face=隸書(shū) color=#ff00ff size=4>
置入文字</FONT></MARQUEE>
注：向左移動(dòng)：direction=left
向右移動(dòng)：direction=right
★代碼：
<TABLE height=300 cellPadding=10 width=500 align=center
background=http://image23.360doc.com/DownloadImg/2011/02/0518/8933433_3.jpg
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=#ff00ff>
<P align=center><FONT face=隸書(shū) color=#0000ff size=4>從左向右移動(dòng)的字
</FONT></P>
<P align=center><FONT face=隸書(shū) color=#ff0000 size=4>移動(dòng)速度可以調(diào)整
</FONT></P>
<P align=center><FONT face=隸書(shū) color=#00ffff size=4>移動(dòng)的寬度可以調(diào)整
</FONT></P>
<P align=center><FONT face=隸書(shū) color=#ff00ff size=4>閑散人也歡迎您！
</FONT></P></FONT></MARQUEE>
</DIV></TD></TR></TBODY></TABLE>
★效果：
|
★ 注：
蘭色：背景網(wǎng)址（可換）
綠色：放入文字的位置和格式
上面代碼中的兩行主要命令語(yǔ)句的含義：
<IMG src=…….>控制曰志中的背景圖片,，圖片的寬度及高度值均以px為單位,；align這一參
數(shù)控制圖片位置，但不要對(duì)此進(jìn)行更改,，否則無(wú)法實(shí)現(xiàn)文字浮于圖片之上的效果,。Filter控制背
景圖片的柔化濾鏡，大家可以修改其中的數(shù)值已達(dá)到不同的效果,，但注意style的值只能取1,、2、
3這三個(gè)數(shù)值,。除了柔化效果外,，還有翻轉(zhuǎn)、發(fā)光,、陰影等若干特效,，但語(yǔ)法表述各有不同，在
此不再贅述,，有興趣的朋友可以在互聯(lián)網(wǎng)上查詢相關(guān)語(yǔ)法,。在Space空間不同的布局方式下，曰
志寬度是不相同的,，所以為了更好的配合曰志的頁(yè)面效果,，建議選擇合適寬度的圖片，具體可
根據(jù)布局的實(shí)際情況（即曰志的寬窄程度）將圖片寬度分別設(shè)定在260px,、350px,、370px、550px,、
730px左右的近似值,。
<DIV style="FILTER…….>控制曰志文字的若干效果，其中Filter命令的使用方法與前述一致,，
也是調(diào)節(jié)柔化效果,。文本寬度也采取px為單位，其最大值也要參照上面不同布局方式時(shí)所要求的
近似寬度值,，如果你希望文字完全分布在整個(gè)曰志頁(yè)面上,，那么將WIDTH值設(shè)為100%即可。在
設(shè)定了具體寬度的情況下Float命令可以省略,，否則請(qǐng)予以保留,。
|
