朦胧图片制作方法及代码

朦胧图片制作方法及代码

朦胧图片

 

上图代码： <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="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="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>