網(wǎng)絡上有大量精致漂亮的FLASH透明素材,將之引用到博客之中定使您的博文錦上添花、動感十足。本文將介紹博文中如何使用FLASH透明素材。
下面以博友
舞蝶提供的一張圖片和一個FLASH透明素材為例:
這是一張690*345圖片。其代碼是:<IMGsrc="
這是一個FLASH透明素材,網(wǎng)址:
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>
細心觀察一下代碼,疊加代碼僅增加了“紅字”部分代碼,奇跡就產(chǎn)生了——圖片與FLASH透明素材完美地結合在一起了。
這神奇的“紅字”部分代碼稱之為“相對定位代碼”,它可以將欲定位的元素(FLASH動畫、圖片、文字、視頻、播放器等)隨心所欲地安置在博文的任一位置。
本文介紹博文中如何使用FLASH透明素材,實質(zhì)就是用“相對定位代碼”將素材放置在需要的位置。
相對定位代碼:<DIV style="MARGIN-TOP:XXXpx; MARGIN-LEFT: YYYpx">欲定位元素的代碼</DIV>
MARGIN-TOP:XXXpx 欲定位元素的頂部相對距離上一元素底部XXXpx。XXX可以正數(shù)、零、負數(shù)。
MARGIN-LEFT:YYYpx 一般情況表示欲定位元素距離左邊YYYpx。YYY可以正數(shù)、零、負數(shù)。
比如上面例子:圖片(上一元素)其高度為345,也就是其底部相對為345,MARGIN-TOP: -340px那么素材的頂部位置為345+(-340)=5所以素材位置往上移動了。 圖片(上一元素)左邊為0,MARGIN-LEFT: -160px那么素材的左邊在圖片左邊-160位置,所以素材位置往左邊移動了。
關于相對定位代碼更詳細的說明請閱《
博客音畫制作(5)-設定添加元素位置 》
綜上所述,博文中使用FLASH透明素材。首先得獲得FLASH透明素材網(wǎng)址,然后用添加FLASH素材代碼顯示素材,最后用相對定位代碼將素材安置在需要的位置。
彩云歸博客的博文目錄
FLASH-素材有上萬款FLASH透明素材并可獲得素材網(wǎng)址,歡迎點擊瀏覽
FLASH-素材。