博文中如何使用FLASH透明素材

网络上有大量精致漂亮的FLASH透明素材，将之引用到博客之中定使您的博文锦上添花、动感十足。本文将介绍博文中如何使用FLASH透明素材。

下面以博友舞蝶提供的一张图片和一个FLASH透明素材为例：

这是一张690*345图片。其代码是：<IMGsrc="http://image67.360doc.com/DownloadImg/2013/11/1617/36751431_1">

这是一个FLASH透明素材，网址：http://dashan.vip5.flashyc.net/swf/wudao.swf

添加FLASH素材代码是：<EMBEDsrc=http://dashan.vip5.flashyc.net/swf/wudao.swf width=642height=344 type=application/x-shockwave-flash WMODE="transparent"QUALITY="high"></EMBED>

这是FLASH素材与图片叠加的效果

叠加代码是：<IMGsrc=http://image67.360doc.com/DownloadImg/2013/11/1617/36751431_1>

<DIV style="MARGIN-TOP:-340px; MARGIN-LEFT:-160px"><EMBEDsrc=http://dashan.vip5.flashyc.net/swf/wudao.swf width=642height=344 type=application/x-shockwave-flash QUALITY="high"WMODE="transparent"></EMBED></DIV>

细心观察一下代码，叠加代码仅增加了“红字”部分代码，奇迹就产生了——图片与FLASH透明素材完美地结合在一起了。

这神奇的“红字”部分代码称之为“相对定位代码”，它可以将欲定位的元素（FLASH动画、图片、文字、视频、播放器等）随心所欲地安置在博文的任一位置。

本文介绍博文中如何使用FLASH透明素材，实质就是用“相对定位代码”将素材放置在需要的位置。

相对定位代码：<DIV style="MARGIN-TOP:XXXpx; MARGIN-LEFT: YYYpx">欲定位元素的代码</DIV>

MARGIN-TOP:XXXpx  欲定位元素的顶部相对距离上一元素底部XXXpx。XXX可以正数、零、负数。

MARGIN-LEFT:YYYpx  一般情况表示欲定位元素距离左边YYYpx。YYY可以正数、零、负数。

比如上面例子：图片（上一元素）其高度为345，也就是其底部相对为345，MARGIN-TOP: -340px那么素材的顶部位置为345+（-340）=5所以素材位置往上移动了。  图片（上一元素）左边为0，MARGIN-LEFT: -160px那么素材的左边在图片左边-160位置，所以素材位置往左边移动了。

关于相对定位代码更详细的说明请阅《博客音画制作（5）－设定添加元素位置 》

综上所述，博文中使用FLASH透明素材。首先得获得FLASH透明素材网址，然后用添加FLASH素材代码显示素材，最后用相对定位代码将素材安置在需要的位置。

彩云归博客的博文目录FLASH-素材有上万款FLASH透明素材并可获得素材网址，欢迎点击浏览FLASH-素材。