姐只要一个简单的未来

编者按：从博友梦鸽日志中发现了此篇日志，版面清新，赏心悦目。转载、打开代码，展现在眼前的代码十分洁净，功力非凡，也显现了原创作者的名字："时尚靓丽恋爱宝贝(姐最拽) - 梦醒时分 - 梦醒时分的博客"。 更吸引我的是此篇日志运用的几种代码：雾化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.zhxww.net/UploadFile2008/2012-5/201252310224948105.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="pic=947048&amp;fldr=Aug-2011&amp;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|图片地址&amp;links=0&amp;texts=0&amp;borderwidth=850&amp;borderheight=1000&amp;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>。