Flash比GIF動(dòng)畫(huà)要漂亮些,我們把它設為透明后,Flash的背面我們可以插入一些漂亮的圖片與之搭配達到很漂亮的效果;或者僅僅在網(wǎng)頁(yè)中加入透明的Flash,亂跑的Flash動(dòng)畫(huà)不會(huì )影響瀏覽者看你的博客??晌嗟娜藖?lái)拜訪(fǎng)你哦~~當然不可不提的是,插入Flash也需謹慎,因為它會(huì )使網(wǎng)頁(yè)加載速度明顯變慢。
(一)首先教大家最簡(jiǎn)單的插入Flash的代碼,透明,無(wú)坐標控制:
注意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>
(二)再教教大家加入絕對坐標的透明Flash,絕對坐標意味著(zhù)不管你的窗口拉多大,那個(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">
(三)最后教教大家如何加入相對坐標的透明Flash,注意下面代碼的table部分,這主要是使用表格作為容器,把Flash “裝”到表格里,這樣不管瀏覽者把瀏覽器拉多大,Flash永遠和表格一起動(dòng)。而且,表格可以設置背景圖片,表格上面再放一個(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)頁(yè)排版的實(shí)現方法
你可以先準備好一張圖片和一個(gè)適合做透明效果的flash,然后打開(kāi)DREAMWEAVER中新建一個(gè)網(wǎng)頁(yè),插入一個(gè)一行一列的單元格,單元格的規格大小和事先準備好的圖片寬高一樣,然后把這個(gè)圖片設為單元格的背景圖片,設置完了后,在這個(gè)單元格中插入準備好的flash了,其中flash的大小規格也應該調成和單元格一樣大小。用鼠標選中flash后,把網(wǎng)頁(yè)編輯狀態(tài)由“設計” 切換到“代碼中,你會(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標簽中再插入flash,然后對flash部分加入以上代碼就行了。
在flash的html發(fā)布選項中選windows mode/t ransparent windowless,發(fā)布為html,插入網(wǎng)頁(yè)就可以得到透明的flash的效果。
不錯,照這樣的辦法去做,便可以發(fā)布出帶有透明flash的html頁(yè)。但是它存在一個(gè)問(wèn)題:所發(fā)布的flash動(dòng)畫(huà)只在與其同時(shí)發(fā)布的html頁(yè)中顯示透明效果,而如果用dreamweaver新建一個(gè)文件,再將其插入頁(yè)面中,保存-->&g t;f12預覽我們會(huì )發(fā)現它又是不透明的了!這是怎么回事呢?
我仔細比較了用flash發(fā)布的html頁(yè)和用dreamweaver制作的帶有flash 動(dòng)畫(huà)的兩個(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導出后將背景改為黑色,其目的是便于觀(guān)察透明效果-->
<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)畫(huà)的html頁(yè)的源代碼:
<html>
<head>
<title>Untitled document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#000000" text="#000000"><!--背景亦為黑色,其目的是便于觀(guān)察透明效果-->
<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>
請仔細比較分析兩段代碼的<object>標記中的<embed>標記,我們發(fā)現其中的不同之處:前者有參數wmode=transparent而后者卻沒(méi)有,這就是影響flash是否透明的關(guān)鍵之所在!
請想一下dreamweaver的有關(guān)flash的屬性面板,是否對parameter有印象呢?大家是否知道它的用處呢?
現在讓我們用dreamweaver來(lái)做透明效果:選中剛才已插入的flash動(dòng)畫(huà),右擊鼠標選擇properties調出屬性面板后,再單擊parameter按鈕,在彈出的對話(huà)框中點(diǎn)擊加號圖標,在左側的parameter中鍵入wmode在右側的value框內鍵入transparent點(diǎn)擊ok,按f12進(jìn)行預覽,ok!我們所要的透明效果就出現了!
先不要激動(dòng),我們把這一技巧推廣,它是否能對任何的按flash默認設置(即不對windows mode/tr ansparent windowless進(jìn)行修改)的動(dòng)畫(huà)都奏效呢?經(jīng)過(guò)我的實(shí)驗證明它是普遍試用的。也就是說(shuō)在d reamweaver中插入任何一個(gè)flash動(dòng)畫(huà)后,對其進(jìn)行properties→parameter→wmode→ value=transparent設置都可以實(shí)現flash的透明背景效果。
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。