圖片上移動的文字代碼

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