Flash比GIF動(dòng)畫要漂亮些,我們把它設(shè)為透明后,F(xiàn)lash的背面我們可以插入一些漂亮的圖片與之搭配達(dá)到很漂亮的效果;或者僅僅在網(wǎng)頁中加入透明的Flash,亂跑的Flash動(dòng)畫不會(huì)影響瀏覽者看你的博客??晌嗟娜藖戆菰L你哦~~當(dāng)然不可不提的是,插入Flash也需謹(jǐn)慎,因?yàn)樗鼤?huì)使網(wǎng)頁加載速度明顯變慢。
(一)首先教大家最簡單的插入Flash的代碼,透明,無坐標(biāo)控制:
注意wmode="transparent"是控制Flash是否透明顯示的,如果不想讓它顯示為透明的,直接把wmode="transparent"去掉即可。
<EMBED height=360 pluginspage=http://www.macrom edia.com/go/getflashplayer src=http://imgfree.21cn.com/ free/flash/17.swf type=application/x-shockwave-flash&nb sp;width=500 wmode="transparent" quality="high"></EMBED>
(二)再教教大家加入絕對坐標(biāo)的透明Flash,絕對坐標(biāo)意味著不管你的窗口拉多大,那個(gè)Flash依然乖乖地在原地不動(dòng)
<EMBED style=" LEFT: 250px; WIDTH: 550px; POSITION:&nbs p;absolute; TOP: 200px; HEIGHT: 1000px " align=right src=http://user.hjenglish.com/yangbb/ pics/snow.swf width=500 height=2000 type=appl ication/octet-stream ; quality= "high" wmode="transparent">
(三)最后教教大家如何加入相對坐標(biāo)的透明Flash,注意下面代碼的table部分,這主要是使用表格作為容器,把Flash “裝”到表格里,這樣不管瀏覽者把瀏覽器拉多大,F(xiàn)lash永遠(yuǎn)和表格一起動(dòng)。而且,表格可以設(shè)置背景圖片,表格上面再放一個(gè)透明Flash與背景圖片相配合,哇塞,效果好得不得了
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center backg round=http://image.hjbbs.com/img/200410/200410259222581234.j pg>
<TD width=600 height=382><EMBED plug inspage=http://www.macromedia.com/go/getflashplayer &nb sp;
src=http://user.hjenglish.com/yangbb/pics/hearts.swf wi dth="100%" height="100%"
type=application/x-shockwave-flash wmode="transparent"
quality="high"></EMBED></TD></td></table>
------------------------------------------------------------ ------
還有以下方法:
基于網(wǎng)頁排版的實(shí)現(xiàn)方法
你可以先準(zhǔn)備好一張圖片和一個(gè)適合做透明效果的flash,然后打開DREAMWEAVER中新建一個(gè)網(wǎng)頁,插入一個(gè)一行一列的單元格,單元格的規(guī)格大小和事先準(zhǔn)備好的圖片寬高一樣,然后把這個(gè)圖片設(shè)為單元格的背景圖片,設(shè)置完了后,在這個(gè)單元格中插入準(zhǔn)備好的flash了,其中flash的大小規(guī)格也應(yīng)該調(diào)成和單元格一樣大小。用鼠標(biāo)選中flash后,把網(wǎng)頁編輯狀態(tài)由“設(shè)計(jì)” 切換到“代碼中,你會(huì)看到flash部分在源代碼中都變成了黑色了,代碼實(shí)例如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" [url]http://download.macromedia.com/pub/shockwave/cabs/flash/swfl[/url] ash.cab#version=6,0,29,0" width="470" height="180">
<param name="movie" value="0.swf">
<param name="quality" value="high">
<embed src="0.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="470" height="180"></embed>
</object>
在以上代碼中插入這么一段代碼:<param name="wmode" value="transparent">,完整代碼如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" [url]http://download.macromedia.com/pub/shockwave/cabs/flash/swfl[/url] ash.cab#version=6,0,29,0" width="470" height="180">
<param name="movie" value="0.swf">
<param name="wmode" value="transparent">
<param name="quality" value="high">
<embed src="0.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="470" height="180"></embed>
</object>
基于CSS排版 把核心思想把握,在有背景圖片的DIV標(biāo)簽中再插入flash,然后對flash部分加入以上代碼就行了。
在flash的html發(fā)布選項(xiàng)中選windows mode/t ransparent windowless,發(fā)布為html,插入網(wǎng)頁就可以得到透明的flash的效果。
不錯(cuò),照這樣的辦法去做,便可以發(fā)布出帶有透明flash的html頁。但是它存在一個(gè)問題:所發(fā)布的flash動(dòng)畫只在與其同時(shí)發(fā)布的html頁中顯示透明效果,而如果用dreamweaver新建一個(gè)文件,再將其插入頁面中,保存-->&g t;f12預(yù)覽我們會(huì)發(fā)現(xiàn)它又是不透明的了!這是怎么回事呢?
我仔細(xì)比較了用flash發(fā)布的html頁和用dreamweaver制作的帶有flash 動(dòng)畫的兩個(gè)html 頁的源代碼:
1.用flash發(fā)布的html頁源代碼:
<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=#FFFF FF WIDTH=550 HEIGHT=400 TYPE= "application/x-shockwave-flash" PLUGINSPAGE=" [url]http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr[/url] od_Version
=ShockwaveFlash"></EMBED>
</OBJECT>
</BODY>
</HTML>
2.用dreamweaver制作的帶有flash 動(dòng)畫的html頁的源代碼:
<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=" [url]http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr[/url] od_Version
=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400">
</embed>
</object>
</body>
</html>
請仔細(xì)比較分析兩段代碼的<object>標(biāo)記中的<embed>標(biāo)記,我們發(fā)現(xiàn)其中的不同之處:前者有參數(shù)wmode=transparent而后者卻沒有,這就是影響flash是否透明的關(guān)鍵之所在!
請想一下dreamweaver的有關(guān)flash的屬性面板,是否對parameter有印象呢?大家是否知道它的用處呢?
現(xiàn)在讓我們用dreamweaver來做透明效果:選中剛才已插入的flash動(dòng)畫,右擊鼠標(biāo)選擇properties調(diào)出屬性面板后,再單擊parameter按鈕,在彈出的對話框中點(diǎn)擊加號圖標(biāo),在左側(cè)的parameter中鍵入wmode在右側(cè)的value框內(nèi)鍵入transparent點(diǎn)擊ok,按f12進(jìn)行預(yù)覽,ok!我們所要的透明效果就出現(xiàn)了!
先不要激動(dòng),我們把這一技巧推廣,它是否能對任何的按flash默認(rèn)設(shè)置(即不對windows mode/tr ansparent windowless進(jìn)行修改)的動(dòng)畫都奏效呢?經(jīng)過我的實(shí)驗(yàn)證明它是普遍試用的。也就是說在d reamweaver中插入任何一個(gè)flash動(dòng)畫后,對其進(jìn)行properties→parameter→wmode→ value=transparent設(shè)置都可以實(shí)現(xiàn)flash的透明背景效果。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點(diǎn)擊舉報(bào)。