制作彩色雾化图片效果的代码及应用实例

 

 

 

 

 

 效果图 一

 

 效果图二

 

 效果图三

 

效果图四

图片素材

   

   

 

  

 

代   码   一

 <CENTER>
<TABLE style="BORDER-RIGHT: #99cc99 4px dotted; BORDER-TOP: #99cc99 4px dotted; BACKGROUND: #9acd32; BORDER-LEFT: #99cc99 4px dotted; BORDER-BOTTOM: #99cc99 4px dotted">
<TBODY>
<TR>
<TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" height=321 src="http://static7.photo.sina.com.cn/middle/5e1a7abfg6e317cf4b276&690" width=450 border=0></TD></TR></TBODY></TABLE></CENTER>

 

代   码   二

 <CENTER>
<TABLE style="BORDER-RIGHT: #1e90ff 4px dotted; BORDER-TOP: #1e90ff 4px dotted; BACKGROUND: #1e90ff; BORDER-LEFT: #1e90ff 4px dotted; BORDER-BOTTOM: #1e90ff 4px dotted">
<TBODY>
<TR>
<TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" height=321 src="http://static7.photo.sina.com.cn/middle/5e1a7abfg6e317cf4b276&690" width=450 border=0></TD></TR></TBODY></TABLE></CENTER>

 

代   码   三

 <CENTER>
<TABLE style="BORDER-RIGHT: #fa8072 4px dotted; BORDER-TOP: #fa8072 4px dotted; BACKGROUND: #fa8072; BORDER-LEFT: #fa8072 4px dotted; BORDER-BOTTOM: #fa8072 4px dotted">
<TBODY>
<TR>
<TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" height=321 src="http://static7.photo.sina.com.cn/middle/5e1a7abfg6e317cf4b276&690" width=450 border=0></TD></TR></TBODY></TABLE></CENTER>

 

代   码   四

 <CENTER>
<TABLE style="BORDER-RIGHT: #eeee00 4px dotted; BORDER-TOP: #eeee00 4px dotted; BACKGROUND: #eeee00; BORDER-LEFT: #eeee00 4px dotted; BORDER-BOTTOM: #eeee00 4px dotted">
<TBODY>
<TR>
<TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" height=321 src="http://static7.photo.sina.com.cn/middle/5e1a7abfg6e317cf4b276&690" width=450 border=0></TD></TR></TBODY></TABLE></CENTER>