编者按：从博友梦鸽日志中发现了此篇日志，版面清新，赏心悦目。转载、打开代码，展现在眼前的代码十分洁净，功力非凡，也显现了原创作者的名字："时尚靓丽恋爱宝贝(姐最拽)
- 梦醒时分 - 梦醒时分的博客"。
更吸引我的是此篇日志运用的几种代码：雾化SWF、图片幻灯播放与图片移动雾化。能看出作者代码运用技艺娴熟，值得我们初学者借鉴，现作如下分析与大家共享。
一、雾化SWF
第一段是一个舞曲音画（FLASH)。
雾化代码：
<P align=center><EMBED style="FILTER: Alpha(opacity=100,style=3); MARGIN: 5px" height=600
type=application/x-shockwave-flash width=800 src=http://bbs8./UploadFile2008/2012-5/201252310224948105.swf
wmode="transparent" invokeurls="false" quality="high"
allowScriptAccess="never"
flashvars="pic=947048&fldr=Aug-2011&race=17"
allowNetworking="internal"><BR></P>
红字为雾化代码，style=3
数值1为右半边雾化、数值2为圆形雾化、数值3为方形雾化、数值4为不雾化。其它代码语句不一一解释了，如需运用代码只需将你的SWF覆盖即可（红字处），注意的是后缀SWF不能与后面的wmode连接，要有个空格，不然不能播放。
二、图片雾化
雾化图片代码：
<P style="TEXT-INDENT: 2em" align=center><IMG
style="POSITION: absolute; FILTER:
Alpha(opacity=100,style=2); MARGIN: -1500px
400px; WIDTH: 600px; HEIGHT: 660px; LEFT: 10px; cssFloat: none" title="1"
alt="1" src="http://image52.360doc.com/DownloadImg/2012/07/0317/25268537_4.jpg" width=600 height=660></P>
1、红字为雾化代码（如上所述）。
2、蓝字为图片定位代码，-1500为上下，400为左右。简单用法：将此代码粘贴后，先将上下数值改为50，然后再在文字编辑下看图片位置在哪里，调整数值，将图片设置到你要的位置。图片大小可在文字编辑下，点图片，拉动位置大小即可，如果想把一段文字放在图片下，可将雾化图片像拉动大小一样，朝上拉，空出文字编辑的位置，文字编辑后再将图片拉下就覆盖文字了，像拉窗帘一样哦，呵呵！
三、图片幻灯播放
图片幻灯播放代码：
<P align=center><EMBED style="FILTER:
alpha(opacity=100,style=3,finishopacity=0)" height=1000
type=application/x-shockwave-flash
pluginspage=http://www.macromedia.com/go/getflashplayer width=750 src=http://st.blog.163.com/bin/pixviewer.swf
wmode="transparent" invokeurls="false" quality="high"
flashvars="pics=
图片地址1|图片地址2|图片地址3|图片地址4|图片地址5|图片地址&links=0&texts=0&borderwidth=850&borderheight=1000&textheight=0" quality="high"
invokeurls="false" wmode="transparent"> </P>
此代码我已做整理，大小尺寸修改红字处数值，两处的数值需一致。地址连接注意别把那根竖线 |
给搞没了。
四、雾化图片移动
雾化图片移动代码：
<MARQUEE direction=up height=1000 width=800 scrollAmount=3>
<DIV align=center><IMG
style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" title="1" alt="1"
src="http://image52.360doc.com/DownloadImg/2012/07/0317/25268537_5.jpg" width=850 height=1000></DIV>
<DIV style="MARGIN: -490px 0px 0px"><IMG style="FILTER:
alpha(opacity=100,style=2,finishopacity=0)" title="1" alt="1" src="http://image52.360doc.com/DownloadImg/2012/07/0317/25268537_6.jpg" width=600 height=750></DIV>
<DIV style="MARGIN:
-370px 0px 0px"><IMG style="FILTER:
alpha(opacity=100,style=2,finishopacity=0)" title="1" alt="1" src="http://image52.360doc.com/DownloadImg/2012/07/0317/25268537_7.jpg" width=350
height=550></DIV><BR>
<P></P></MARQUEE>
1、红字为移动的速度，大小相比大家已经回设置了：heighi 高度、width 宽度。
2、上面已经说明雾化图片相互间可以叠加，只需将图片尺寸和定位语句的数值“style="MARGIN: -490px
0px 0px" ” 修改一下即可。
3、综观此代码，只需在图片头上<MARQUEE
direction=up height=1000 width=800 scrollAmount=3
尾部加上</MARQUEE>。
| 
