【图片的朦胧效果】

【图片的朦胧效果】  

2011-10-11 00:33:54|  分类： 【梦幻代码】 |  标签： |字号大中小 订阅

.

【图片的朦胧效果】  金钥匙整理的日志代码，每一个都是有效的代码，请大家放心使用，希望能给大家带来方便，分享和引用的朋友请注明出处，尊重博主的劳动成果，请记得留言。       代码如下: <P align=center> <A  href=http://wwfhh.blog.163.com/profile/edit/ target=_blank><IMG style="FILTER: Alpha(opacity=100,style=2)" src="图片地址"></A></P>   显示: .       代码如下:  <P align=center> <TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="70%" align=center border=4> <TBODY> <TR> <TD> <TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=150,style=2)" width=549 background=http://image41.360doc.com/DownloadImg/2011/11/0311/18975850_3.gif height=356> <MARQUEE scrollAmount=2 direction=up height=360><FONT face=华文行楷 40pt><FONT face=华文行楷 40pt> <CENTER><B><FONT color=#ff0000 size=6>我喜欢 <BR></FONT> <P><FONT color=#ff0000 size=5>我喜欢白云，</FONT> <BR> <P><FONT color=#ff0000 size=5>它纯洁无暇;</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>给我抒怀与畅想．</FONT> <BR> <P><FONT color=#ff0000 size=5>我喜欢天空,</FONT> <BR> <P><FONT color=#ff0000 size=5>它空旷宽广；</FONT> <BR> <P><FONT color=#ff0000 size=5>能拓开我的心怀．</FONT> <BR> <P><FONT color=#9932cc size=5>我喜欢夜色，</FONT> <BR> <P><FONT color=#ff0000 size=5>它宁静深沉；</FONT> <BR> <P><FONT color=#ff0000 size=5>让我冷静思索未来．</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>我喜欢江水，</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>它奔腾向前；</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>教我人生永不停歇．</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>我更喜欢晨曦，</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>它带来新的气息</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>给我又一个新天地，</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>带给我新的契机！</FONT> <BR><BR> <P><FONT color=#ff0000 size=5>南北</FONT> <BR><BR> <P><FONT color=#ff0000 size=4>欢迎你的光临</FONT></P></B> </CENTER> </FONT></FONT><BR><BR><BR><BR></STRONG> </TD></TR></TBODY></TABLE>   </TD></TR></TBODY></TABLE></MARQUEE>     显示: 我喜欢 我喜欢白云， 它纯洁无暇; 给我抒怀与畅想． 我喜欢天空, 它空旷宽广； 能拓开我的心怀． 我喜欢夜色， 它宁静深沉； 让我冷静思索未来． 我喜欢江水， 它奔腾向前； 教我人生永不停歇． 我更喜欢晨曦， 它带来新的气息 给我又一个新天地， 带给我新的契机！ 南北 欢迎你的光临               代码如下:   <TABLE height=463 width=330 align=center background=在这里粘贴你合意的背景图片地址 table> <TBODY> <TR> <TD> <MARQUEE scrollAmount=2> <TABLE style="FILTER: Alpha(opacity=300,style=2)" height=463 width=330 align=center background=在这里粘贴你的梦幻并移动的图片地址 table> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>     显示:             代码如下:  <DIV align=center> <TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid" cellSpacing=1 cellPadding=1 width="80%" align=center border=4> <TBODY> <TR> <TD> <TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=150,style=2)" width=560 background=http://img.bimg.126.net/ photo/GCLf2rO3hC4elIhAw_T_Jw==/4520769600951287658.jpg height=370>   <DIV style="FILTER: glow(color=ffff00, strength=24); FONT: 30pt Arial; WIDTH: 200px; COLOR: red; HEIGHT: 0px"> <MARQUEE scrollAmount=2 direction=up height=360><FONT face=华文行楷 40pt><FONT face=华文行楷 40pt> <CENTER><B><FONT color=#ff0000 size=6>我喜欢<BR></FONT> <P><FONT color=#ff0000 size=5>我喜欢白云，</FONT> <BR> <P><FONT color=#ff0000 size=5>它纯洁无暇;</FONT> <BR> <P><FONT color=#ff0000 size=5>给我抒怀与畅想．</FONT> <BR> <P><FONT color=#ff0000 size=5>我喜欢天空,</FONT> <BR> <P><FONT color=#ff0000 size=5>它空旷宽广；</FONT> <BR> <P><FONT color=#ff0000 size=5>能拓开我的心怀．</FONT> <BR> <P><FONT color=#9932cc size=5>我喜欢夜色，</FONT> <BR> <P><FONT color=#ff0000 size=5>它宁静深沉；</FONT> <BR> <P><FONT color=#ff0000 size=5>让我冷静思索未来．</FONT> <BR> <P><FONT color=#ff0000 size=5>我喜欢江水，</FONT> <BR> <P><FONT color=#ff0000 size=5>它奔腾向前；</FONT> <BR> <P><FONT color=#ff0000 size=5>教我人生永不停歇．</FONT> <BR> <P><FONT color=#ff0000 size=5>我更喜欢晨曦，</FONT> <BR> <P><FONT color=#ff0000 size=5>它带来新的气息,</FONT> <BR> <P><FONT color=#ff0000 size=5>给我又一个新天地，</FONT> <BR> <P><FONT color=#ff0000 size=5>带给我新的契机！</FONT> <BR> <P><FONT color=#ff0000 size=5>南北东西.</FONT> <BR> <P><FONT color=#ff0000 size=4>金钥匙欢迎你的光临!</FONT></B></CENTER></FONT></FONT><BR><BR><BR></STRONG> </MARQUEE></MARQUEE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></DIV>     显示: 我喜欢 我喜欢白云， 它纯洁无暇; 给我抒怀与畅想． 我喜欢天空, 它空旷宽广； 能拓开我的心怀． 我喜欢夜色， 它宁静深沉； 让我冷静思索未来． 我喜欢江水， 它奔腾向前； 教我人生永不停歇． 我更喜欢晨曦， 它带来新的气息, 给我又一个新天地， 带给我新的契机！ 南北东西. 金钥匙欢迎你的光临!             代码如下:  <TABLE align=center border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=3)" width=450 background=图片地址 height=406> <P align=center> <EMBED src=透明FLASH地址 width=450 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P> </TD></TR></TBODY></TABLE>     显示:  请大家注意：style=1或2或3，其图片朦胧的效果就不同，如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。             代码如下:  <P align=center> <TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=图片地址 border=0> <TBODY> <TR> <TD><BR> <EMBED style="WIDTH: 595px; HEIGHT: 406px" align=right src=透明FLASH地址 width=589 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"> <EMBED style="WIDTH: 589px; HEIGHT: 400px" align=right src=透明FLASH地址 width=650 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE>   显示:               代码如下: <P align=center><IMG title="000" style="FILTER: Alpha(opacity=100,style=2)" height=375 alt="000" src="图片地址" width=300 Alphaopacity="100,finishO" pacity='0,style=2)""'> </P>   显示:            希望这些代码能对大家的网页美观起到一定的作用。详细的给大家讲解重点: A.圆形效果——代码：　 <IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">   B.方形效果——代码： <IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375>   C.椭圆效果——代码：　 <IMG src="图片" style="filter:Alpha(opacity=100,finishO pacity=0,style=2)" width=500 height=375>   D.适用小图片200X200的朦胧图片代码 <TABLE  cellSpacing=2 borderColor=#00ff00 cellPadding=0  width="100%"  align=center bgColor=#080808 border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)" width=200 background=图片地址 height=200> </TD></TR></TBODY></TABLE> 其中：opacity:开始处的透明度，finishOpacity:结束处的透明度；style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明。       最标准的朦胧加边框加透明FLASH <TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 550px; BORDER-COLLAPSE: collapse; HEIGHT: 450px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=550 align=center background=图片地址 border=0> <TBODY> <TR> <TD> <EMBED style="WIDTH: 540px; HEIGHT: 406px" align=right src=透明FLASH地址 width=540 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"> <EMBED style="WIDTH: 540px; HEIGHT: 400px" align=right src=透明FLASH地址 width=540 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE> 效果: 金钥匙这个效果做出来, 那么和上面的代码是有不同的地方, 现在就呈现给大家, 你自己去比较看看: <P align=center> <TABLE borderColor=#005500 cellSpacing=0 cellPadding=0  width=530 height=680  align=center background=http://image41.360doc.com/DownloadImg/2011/11/0311/18975850_8.jpg border=3> <TBODY> <TR> <TD> <EMBED align=right src=http://imgfree.21cn.com/free/flash/33.swf  width=530  height=650 type=application/x-shockwave-flash ALLOWNETWORKING="internal" QUALITY="high" ALLOWSCRIPTACCESS="never" WMODE="transparent"></EMBED> <EMBED align=right src=http://imgfree.21cn.com/free/flash/33.swf  width=530  height=650 type=application/x-shockwave-flash ALLOWNETWORKING="internal" QUALITY="high" ALLOWSCRIPTACCESS="never" WMODE="transparent"></EMBED> <EMBED align=right src=http://imgfree.21cn.com/free/flash/53.swf  width=530  height=650 type=application/x-shockwave-flash ALLOWNETWORKING="internal" QUALITY="high" ALLOWSCRIPTACCESS="never" WMODE="transparent"></EMBED> </TD></TR></TBODY></TABLE></P>       如水的夜色慢慢袭上来 柔和的灯光 散发出暧昧和诱惑 CD里播放的是舞曲 凄美绝美缠绵悱恻的 爱情故事 正娓娓向我们道来 如泣如诉 在这静静的夜空 如流苏般弥漫 心情也随着乐曲跌跎起伏 快乐快乐快乐!