日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

將flash定位于圖片(

 紫百合6688 2011-03-01

將flash定位于圖片

將flash定位于圖片(代碼6)

 

 

  

    swf是什么,flash又是什么,以前寫《也說flash圖片》時(shí),其實(shí)自己還是不甚明白,現(xiàn)在才

知一二,兩者應(yīng)該是同一東西,flash是軟件的稱呼(有很多版本),而swf是用flash軟件制作出

來后上傳后獲取的地址的后綴。   

    flash制作不容易,成品完成之后如何獲得swf地址又是一件麻煩事。新浪博客不支持swf,我

們只好借助其他的網(wǎng)站來獲取地址,而能提供上傳并且穩(wěn)定的網(wǎng)站并不多,好不容易得到地址,你

又得將地址寫進(jìn)代碼中,才可在新浪博客中發(fā)表,后續(xù)的煩惱還有,哪天那個(gè)你上傳的網(wǎng)站出問題

了,你的作品就會(huì)開天窗。

    ——真夠麻煩吧!

    ——令人望而卻步。

    ——可是,當(dāng)我們的博客中有了一些動(dòng)畫,美感頓時(shí)產(chǎn)生。

   

    我們可以將完整的flash作品放進(jìn)博客里,在不是很需要或特欣賞時(shí),一般不會(huì)整天搬這樣的作品,除非是你自己的原創(chuàng)??墒俏覀兛梢员M情地搬用透明flash,諸如什么星星啊、小花草啊什么的來點(diǎn)綴,這樣一幅靜止的圖片立刻就有了動(dòng)感了。網(wǎng)絡(luò)上有很多這樣的素材,地址是現(xiàn)成的,而且大部分非常穩(wěn)定,運(yùn)用起來很是方便。

    要制作一幅漂亮的flash圖片,定位代碼非常重要,否則,你將flash引進(jìn)圖片時(shí),就會(huì)東倒西

歪,不聽指揮。

    先記記兩段代碼:

 

 

                          (一)將swf地址寫進(jìn)博文的代碼
             
<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  頂部位置。距離上一個(gè)元素的底部Ypx。Y可以是正數(shù)、零、負(fù)數(shù)。

      當(dāng)Y=正數(shù)時(shí),表示與上一個(gè)元素拉開Ypx距離。

      當(dāng)Y=零時(shí),  表示緊接著上一個(gè)元素。

      當(dāng)Y=負(fù)數(shù)時(shí),表示插在上一個(gè)元素之中,要定位元素的頂部距離上一個(gè)元素(被插入元素)

                  底部的Y絕對(duì)值px。例Y=-100,在距離上一元素底部100px位置。

    MARGIN-LEFT: Xpx 左邊位置。X可以是正數(shù)、零、負(fù)數(shù)。

      當(dāng)要定位的元素排版格式為:

      靠左align=left或缺省時(shí),其0點(diǎn)位置是窗口的左邊。那么Xpx,就是其左邊距離窗口的左邊X位置。

      取中align=center,其0點(diǎn)位置是窗口的中間。那么Xpx,就是其左邊距離窗口的中心線X位置。

      靠右align=right,其0點(diǎn)位置是窗口的右邊。那么Xpx,就是其左邊距離窗口的右邊X位置。

    當(dāng)定位代碼中的MARGIN-TOP: Ypx,Y取負(fù)數(shù),絕對(duì)值大于要定位的元素高度,下一個(gè)元素沒有使用定位代碼時(shí),會(huì)將下一個(gè)元素也插入到上一個(gè)元素之中。解決的辦法:下一個(gè)元素也使用定位代碼?;蛘呤褂貌迦胍恍械拇a<p></p>,視Y和高度情況插入數(shù)個(gè)<p></p>。

 

           

看起來好像很深?yuàn)W哦,當(dāng)然,這是彩云歸老師寫的,專業(yè)術(shù)語比較多。其實(shí),你能看懂最好,看不明白就甭管了,以上面的實(shí)例,跟我來具體一步步操作:

 
 
 
第一步:
將圖片插入博文中,注意點(diǎn)一下博文上面的工具欄讓“圖片居中排版”。(圖片居中會(huì)美觀很多)
 
第二步:
在“顯示源代碼”的方框中打上勾,此時(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),代碼就擴(kuò)展成這樣:
             
<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地址寫進(jìn)博文的代
碼,最后形成這樣一段代碼,就基本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地址填進(jìn)去,隨你了,填你喜歡的,我找的是一個(gè)相框的swf,地址是
(2)最后你要做的就是手動(dòng)去調(diào)整“MARGIN-TOP: 0px; MARGIN-LEFT: 0px”中“px”的數(shù)值了,
我調(diào)了MARGIN-TOP: -440px,就完成了。這一步是最關(guān)鍵的,因?yà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ù)值時(shí)可以將“顯示源代碼”的勾去掉,看看效果后再打上勾進(jìn)行修改,花出一點(diǎn)點(diǎn)時(shí)間,看那flash隨著數(shù)值的改變忽左忽右,忽上忽下的,很好玩的,最終將之安放在圖片的最佳位置,哈,成就之感油然而生。
    還有,如果你想多添加幾個(gè)透明的flash,就將后面兩段代碼繼續(xù)往下復(fù)制,換個(gè)SWF地址,調(diào)
整“px”的數(shù)值就行了。其中,“width”和“height”也可隨你所需進(jìn)行大小的調(diào)整。
    我看過也用過一些將flash放進(jìn)圖片中的代碼,但經(jīng)過對(duì)比,這段定位代碼雖然非常短,作用
卻很大,運(yùn)用方便。所以推薦一下,試一試。
 

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約