朦朧圖片製作方法及代碼

朦朧圖片製作方法及代碼朦朧圖片上圖代碼: <TABLE align=center border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width_=200 background=http://image9.360doc.com/DownloadImg/2010/04/2723/3026177_2.jpg height=200></TD></TR></TBODY></TABLE>其中:opacity:開始處的透明度,finishOpacity:結束處的透明度;style:0,平均透明 1,線狀透明 2,圓形透明 3,菱形透明。背景圖片邊框+移動朦朧圖片+移動變色文字

傢具園博客歡迎您上圖代碼:<TABLE style="BORDER-RIGHT: #b5a642 10px dashed; BORDER-TOP: #b5a642 10px dashed; BORDER-LEFT: #b5a642 10px dashed; BORDER-BOTTOM: #b5a642 10px dashed; HEIGHT: 200px; BACKGROUND-COLOR: #b5a642" height=300 cellSpacing=5 cellPadding=5 width_=450 align=center border=7 table><TBODY><TR><TD align=middle DIV><DIV align=center><TABLE height=300 cellSpacing=0 width_=450 align=center background=http://image9.360doc.com/DownloadImg/2010/04/2723/3026177_3.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)" vAlign=top align=middle background=http://image9.360doc.com/DownloadImg/2010/04/2723/3026177_4.jpg><MARQUEE scrollAmount=1 scrollDelay=200 direction=down behavior=alternate height=300><MARQUEE scrollAmount=1 scrollDelay=130 behavior=alternate><IMG style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH: 140px; HEIGHT: 140px" height=140 src="https://www.getit01.com/getimg_360.php?url=http://image9.360doc.com/DownloadImg/2010/04/2723/3026177_1.jpg" width_=450 border=0></MARQUEE><P align=center><FONT style="FONT-SIZE: 25pt" face=黑體 color=#336699><MARQUEE behavior=alternate><B>傢具園博客歡迎您</B></MARQUEE></FONT></P><DIV></DIV></MARQUEE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>代碼剖析:<TABLE 首層表格屬性><TBODY><TR><TD align=middle DIV>第二層表格</TD></TR></TBODY></TABLE>首層表格屬性:style="BORDER-RIGHT: #b5a642 10px dashed; BORDER-TOP: #b5a642 10px dashed; BORDER-LEFT: #b5a642 10px dashed; BORDER-BOTTOM: #b5a642 10px dashed; HEIGHT: 200px; BACKGROUND-COLOR: #b5a642" height=300 cellSpacing=5 cellPadding=5 width_=450 align=center border=7 table第二層表格: <TABLE 背景顏色><TBODY><TR><TD 背景圖片>移動圖文</TD></TR></TBODY></TABLE>背景顏色: height=300 cellSpacing=0 width_=450 align=center background=http://image9.360doc.com/DownloadImg/2010/04/2723/3026177_3.jpg背景圖片: style="FILTER: chroma(color=#336699)" vAlign=top align=middle background=http://image9.360doc.com/DownloadImg/2010/04/2723/3026177_4.jpg移動圖文: <MARQUEE scrollAmount=1 scrollDelay=200 direction=down behavior=alternate height=300>來回走的朦朧圖片 來回走的文字<DIV></DIV></MARQUEE>來回走的朦朧圖片: <MARQUEE scrollAmount=1 scrollDelay=130 behavior=alternate><IMG style="FILTER: alpha(opacity=100,style=2,finshopacity=0 ); WIDTH: 140px; HEIGHT: 140px" height=140 src="https://www.getit01.com/getimg_360.php?url=http://image9.360doc.com/DownloadImg/2010/04/2723/3026177_1.jpg" width_=450 border=0></MARQUEE>來回走的文字: <P align=center><FONT style="FONT-SIZE: 25pt" face=黑體 color=#336699><MARQUEE behavior=alternate><B>傢具園博客歡迎您</B></MARQUEE></FONT></P>
推薦閱讀:

圖片製作【霧化與字體】

TAG:圖片 | 代碼 | 方法 | 圖片製作 |