我們經(jīng)常收到一些初學(xué)網(wǎng)業(yè)制作的網(wǎng)友提出的問題,很多問題其實(shí)很簡(jiǎn)單,只要?jiǎng)幽X筋想一想就可以解決了,但有的網(wǎng)友不喜歡多思考,一遇到問題想都不想就直接去問別人,這種學(xué)習(xí)方法可不太好。而本文的作者學(xué)到一種技巧后,他發(fā)現(xiàn)這種技巧在兩種環(huán)境下顯示的結(jié)果不同,這個(gè)時(shí)候比較兩種環(huán)境中產(chǎn)生的源代碼的區(qū)別無疑是解決問題最好的方法!他也正是這樣做的,并最終解決了問題。本文涉及的問題并不算太難,但作者發(fā)現(xiàn)問題、解決問題的思路卻很值得我們學(xué)習(xí)! 首先忠心感謝凌宇5942給我的幫助!在他的啟迪下我發(fā)現(xiàn)了另一種實(shí)現(xiàn)flash透明背景的辦法,愿與大家共同探討
凌宇5942告知的解決辦法:在flash的html發(fā)布選項(xiàng)中選windows mode/transparent windowless,發(fā)布為html,插入網(wǎng)頁(yè)就可以得到透明的flash的效果。
不錯(cuò),照這樣的辦法去做,便可以發(fā)布出帶有透明flash的html頁(yè)。但是它存在一個(gè)問題:所發(fā)布的flash動(dòng)畫只在與其同時(shí)發(fā)布的html頁(yè)中顯示透明效果,而如果用dreamweaver新建一個(gè)文件,再將其插入頁(yè)面中,保存-->>f12預(yù)覽我們會(huì)發(fā)現(xiàn)它又是不透明的了!這是怎么回事呢?
我仔細(xì)比較了用flash發(fā)布的html頁(yè)和用dreamweaver制作的帶有flash 動(dòng)畫的兩個(gè)html頁(yè)的源代碼:
1.用flash發(fā)布的html頁(yè)源代碼:
<HTML> <HEAD> <TITLE>Movie2</TITLE> </HEAD> <BODY bgcolor="#000000"> <!-- URL's used in the movie--> <!-- text used in the movie--> <!--fdsaaaa aaaaaaa -->
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash /swflash.cab#version=5,0,0,0" WIDTH=550 HEIGHT=400> <PARAM NAME=movie value="Movie2.swf"> <PARAM NAME=quality value=high> <PARAM NAME=wmode value=transparent> <PARAM NAME=bgcolor value=#FFFFFF> <!--用flash導(dǎo)出后將背景改為黑色,其目的是便于觀察透明效果--> <EMBED src="Movie2.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH=550 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version =ShockwaveFlash"></EMBED> </OBJECT>
</BODY> </HTML>
2.用dreamweaver制作的帶有flash 動(dòng)畫的html頁(yè)的源代碼:
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head>
<body bgcolor="#000000" text="#000000"><!--背景亦為黑色,其目的是便于觀察透明效果--> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash /swflash.cab#version=5,0,0,0" width="550" height="400"> <param name=movie value="Movie2.swf"> <param name=quality value=high> <embed src="Movie2.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version =ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400"> </embed> </object> </body> </html>
請(qǐng)仔細(xì)比較分析兩段代碼的<object>標(biāo)記中的<embed>標(biāo)記,我們發(fā)現(xiàn)其中的不同之處:前者有參數(shù)wmode=transparent而后者卻沒有,這就是影響flash是否透明的關(guān)鍵之所在!
請(qǐng)想一下dreamweaver的有關(guān)flash的屬性面板,是否對(duì)parameter有印象呢?大家是否知道它的用處呢?
現(xiàn)在讓我們用dreamweaver來做透明效果:選中剛才已插入的flash動(dòng)畫,右擊鼠標(biāo)選擇properties調(diào)出屬性面板后,再單擊parameter按鈕,在彈出的對(duì)話框中點(diǎn)擊加號(hào)圖標(biāo),在左側(cè)的parameter中鍵入wmode在右側(cè)的value框內(nèi)鍵入transparent點(diǎn)擊ok,按f12進(jìn)行預(yù)覽,ok!我們所要的透明效果就出現(xiàn)了!
先不要激動(dòng),我們把這一技巧推廣,它是否能對(duì)任何的按flash默認(rèn)設(shè)置(即不對(duì)windows mode/transparent windowless進(jìn)行修改)的動(dòng)畫都奏效呢?經(jīng)過我的實(shí)驗(yàn)證明它是普遍試用的。也就是說在dreamweaver中插入任何一個(gè)flash動(dòng)畫后,對(duì)其進(jìn)行properties→parameter→wmode→value=transparent設(shè)置都可以實(shí)現(xiàn)flash的透明背景效果。
其實(shí)關(guān)于dreamweaver中flash動(dòng)畫的parameter除了wmode外還有很多種,請(qǐng)大家在以后的學(xué)習(xí)中多注意,多交流!
出處:天極網(wǎng)
責(zé)任編輯:冰點(diǎn)的冰藍(lán)色
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|