分享

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

 冬学夏游 2013-11-16

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

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

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

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

这是一个FLASH透明素材,网址:http://dashan.vip5./swf/wudao.swf

    添加FLASH素材代码是:<EMBED src=http://dashan.vip5./swf/wudao.swf width=642 height=344 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high"></EMBED> 博文中如何使用FLASH透明素材

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

    叠加代码是:<IMG src=http://image67.360doc.com/DownloadImg/2013/11/1617/36751431_1 >
<DIV style="MARGIN-TOP: -340px; MARGIN-LEFT: -160px"><EMBED src=http://dashan.vip5./swf/wudao.swf width=642 height=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-素材

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约