swf是什么,flash又是什么,以前寫《也說flash圖片》時,其實自己還是不甚明白,現(xiàn)在才
知一二,兩者應(yīng)該是同一東西,flash是軟件的稱呼(有很多版本),而swf是用flash軟件制作出
來后上傳后獲取的地址的后綴。
flash制作不容易,成品完成之后如何獲得swf地址又是一件麻煩事。新浪博客不支持swf,我
們只好借助其他的網(wǎng)站來獲取地址,而能提供上傳并且穩(wěn)定的網(wǎng)站并不多,好不容易得到地址,你
又得將地址寫進代碼中,才可在新浪博客中發(fā)表,后續(xù)的煩惱還有,哪天那個你上傳的網(wǎng)站出問題
了,你的作品就會開天窗。
——真夠麻煩吧!
——令人望而卻步。
——可是,當(dāng)我們的博客中有了一些動畫,美感頓時產(chǎn)生。
我們可以將完整的flash作品放進博客里,在不是很需要或特欣賞時,一般不會整天搬這樣的作品,除非是你自己的原創(chuàng)??墒俏覀兛梢员M情地搬用透明flash,諸如什么星星啊、小花草啊什么的來點綴,這樣一幅靜止的圖片立刻就有了動感了。網(wǎng)絡(luò)上有很多這樣的素材,地址是現(xiàn)成的,而且大部分非常穩(wěn)定,運用起來很是方便。
要制作一幅漂亮的flash圖片,定位代碼非常重要,否則,你將flash引進圖片時,就會東倒西
歪,不聽指揮。
先記記兩段代碼:
(一)將swf地址寫進博文的代碼
|
|
|
|
|
|
|
<P align=center><EMBED src=swf地址 width=600 height=400 type=application/x-shockwave-flash WMODE="transparent" SHOWSTATUSBAR="true"></P>
|
|
|
|
|
|
|
|
(二)將swf定位到任意位置上的代碼
|
|
|
|
|
|
|
<DIV style="MARGIN-TOP: Ypx; MARGIN-LEFT: Xpx">要定位的元素代碼</DIV>
具體說明:
★ MARGIN-TOP: Ypx 頂部位置。距離上一個元素的底部Ypx。Y可以是正數(shù)、零、負(fù)數(shù)。
當(dāng)Y=正數(shù)時,表示與上一個元素拉開Ypx距離。
當(dāng)Y=零時, 表示緊接著上一個元素。
當(dāng)Y=負(fù)數(shù)時,表示插在上一個元素之中,要定位元素的頂部距離上一個元素(被插入元素)
底部的Y絕對值px。例Y=-100,在距離上一元素底部100px位置。
★ MARGIN-LEFT: Xpx 左邊位置。X可以是正數(shù)、零、負(fù)數(shù)。
當(dāng)要定位的元素排版格式為:
靠左align=left或缺省時,其0點位置是窗口的左邊。那么Xpx,就是其左邊距離窗口的左邊X位置。
取中align=center,其0點位置是窗口的中間。那么Xpx,就是其左邊距離窗口的中心線X位置。
靠右align=right,其0點位置是窗口的右邊。那么Xpx,就是其左邊距離窗口的右邊X位置。
★ 當(dāng)定位代碼中的MARGIN-TOP: Ypx,Y取負(fù)數(shù),絕對值大于要定位的元素高度,下一個元素沒有使用定位代碼時,會將下一個元素也插入到上一個元素之中。解決的辦法:下一個元素也使用定位代碼?;蛘呤褂貌迦胍恍械拇a<p></p>,視Y和高度情況插入數(shù)個<p></p>。
|
|
|
|
|
|
|
|
看起來好像很深奧哦,當(dāng)然,這是彩云歸老師寫的,專業(yè)術(shù)語比較多。其實,你能看懂最好,看不明白就甭管了,以上面的實例,跟我來具體一步步操作:
第一步:
將圖片插入博文中,注意點一下博文上面的工具欄讓“圖片居中排版”。(圖片居中會美觀很多)
第二步:
在“顯示源代碼”的方框中打上勾,此時一行代碼出現(xiàn),這就是圖片代碼:
|
|
|
|
|
|
|
<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="http://static16.photo.sina.com.cn/middle/4dc41328h74571daeb65f&690" width=600></A><BR><BR>
|
|
|
|
|
|
|
|
在圖片代碼后面,寫上定位代碼(先將x、y改成0),代碼就擴展成這樣:
|
|
|
|
|
|
|
<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="http://static16.photo.sina.com.cn/middle/4dc41328h74571daeb65f&690" width=600></A><BR><BR> <DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">
|
|
|
|
|
|
|
|
第四步:
在第三步的代碼后面,繼續(xù)添加帶有swf地址的代碼,也就是上面所寫的將swf地址寫進博文的代
碼,最后形成這樣一段代碼,就基本ok了。(三段代碼,要看清楚)
|
|
|
|
|
|
|
<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="http://static16.photo.sina.com.cn/middle/4dc41328h74571daeb65f&690" width=600></A><BR><BR> <DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">
<P align=center><EMBED src=swf地址 width=600 height=400 type=application/x-shockwave-flash WMODE="transparent" SHOWSTATUSBAR="true"></P>
|
|
|
|
|
|
|
|
第五步
(1)將swf地址填進去,隨你了,填你喜歡的,我找的是一個相框的swf,地址是
(2)最后你要做的就是手動去調(diào)整“MARGIN-TOP: 0px; MARGIN-LEFT: 0px”中“px”的數(shù)值了,
我調(diào)了MARGIN-TOP: -440px,就完成了。這一步是最關(guān)鍵的,因為只有改變數(shù)值方可將flash放在
我們滿意的位置。
第六步,完成。完整代碼如下:
|
|
|
|
|
|
|
<A><IMG id=image_operate_17661278921228000 style="DISPLAY: block; MARGIN: 0px auto; TEXT-ALIGN: center" height=400 src="http://static16.photo.sina.com.cn/middle/4dc41328h74571daeb65f&690" width=600></A><BR><BR> <DIV style="MARGIN-TOP: -440px; MARGIN-LEFT: 0px"> <P align=center><EMBED src=http://www./myfe/upload/flash/174/1736461_1283152098.swf width=600 height=400 type=application/x-shockwave-flash WMODE="transparent" SHOWSTATUSBAR="true"></P>
|
|
|
|
|
|
|
|
你在調(diào)節(jié)數(shù)值時可以將“顯示源代碼”的勾去掉,看看效果后再打上勾進行修改,花出一點點時間,看那flash隨著數(shù)值的改變忽左忽右,忽上忽下的,很好玩的,最終將之安放在圖片的最佳位置,哈,成就之感油然而生。
還有,如果你想多添加幾個透明的flash,就將后面兩段代碼繼續(xù)往下復(fù)制,換個SWF地址,調(diào)
整“px”的數(shù)值就行了。其中,“width”和“height”也可隨你所需進行大小的調(diào)整。
我看過也用過一些將flash放進圖片中的代碼,但經(jīng)過對比,這段定位代碼雖然非常短,作用