插入flash代碼

常見地方法 :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="960" height="150">
<param name="movie" value="images/top.swf">
<param name="quality" value="high">
<embed src="images/top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="150"></embed>
</object>
Flash比GIF動畫要漂亮些,我們把它設爲透明後,Flash的背面我們可以插入一些漂亮的圖片與之搭配達到很漂亮的效果; 或者僅僅在網頁中加入透明的Flash,亂跑的Flash動畫不會影響瀏覽者看你的博客。可吸引更多的人來拜訪你哦~~當然不可 不提的是,插入Flash也需謹慎,因爲它會使網頁加載速度明顯變慢。

(一)首先教大家最簡單的插入Flash的代碼,透明,無座標控制:
           注意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,絕對座標意味着不管你的窗口拉多大,那個Flash依然乖乖地在原地不動

<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永遠和表格一起動。而且,表格可以設置背景圖片,表格上面再放一個透 明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>


------------------------------------------------------------ ------

還有以下方法:

基於網頁排版的實現方法

你可以先準備好一張圖片和一個適合做透明效果的flash,然後打開DREAMWEAVER中新建一個網頁,插入一個一行一列的 單元格,單元格的規格大小和事先準備好的圖片寬高一樣,然後把這個圖片設爲單元格的背景圖片,設置完了後,在這個單元格中插入準 備好的flash了,其中flash的大小規格也應該調成和單元格一樣大小。用鼠標選中flash後,把網頁編輯狀態由“設計” 切換到“代碼中,你會看到flash部分在源代碼中都變成了黑色了,代碼實例如下:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swfl 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=" http://download.macromedia.com/pub/shockwave/cabs/flash/swfl 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發佈選項中選windows mode/t ransparent windowless,發佈爲html,插入網頁就可以得到透明的flash的效果。

  不錯,照這樣的辦法去做,便可以發佈出帶有透明flash的html頁。但是它存在一個問題:所發佈的flash動畫只在與 其同時發佈的html頁中顯示透明效果,而如果用dreamweaver新建一個文件,再將其插入頁面中,保存-->&g t;f12預覽我們會發現它又是不透明的了!這是怎麼回事呢?

  我仔細比較了用flash發佈的html頁和用dreamweaver製作的帶有flash 動畫的兩個html 頁的源代碼:

  1.用flash發佈的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導出後將背景改爲黑色,其目的是便於觀察透明效果-->
<EMBED src="Movie2.swf" quality=high wmode=transparent bgcolor=#FFFF FF WIDTH=550 HEIGHT=400 TYPE= "application/x-shockwave-flash" PLUGINSPAGE=" http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr od_Version
=ShockwaveFlash"></EMBED>
</OBJECT>

</BODY>
</HTML>

  2.用dreamweaver製作的帶有flash 動畫的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=" http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr od_Version
=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400">
</embed>
</object>
</body>
</html>

  請仔細比較分析兩段代碼的<object>標記中的<embed>標記,我們發現其中的不同之處: 前者有參數wmode=transparent而後者卻沒有,這就是影響flash是否透明的關鍵之所在!

  請想一下dreamweaver的有關flash的屬性面板,是否對parameter有印象呢?大家是否知道它的用處呢?

  現在讓我們用dreamweaver來做透明效果:選中剛纔已插入的flash動畫,右擊鼠標選擇properties調出 屬性面板後,再單擊parameter按鈕,在彈出的對話框中點擊加號圖標,在左側的parameter中鍵入wmode在右側 的value框內鍵入transparent點擊ok,按f12進行預覽,ok!我們所要的透明效果就出現了!

  先不要激動,我們把這一技巧推廣,它是否能對任何的按flash默認設置(即不對windows mode/tr ansparent windowless進行修改)的動畫都奏效呢?經過我的實驗證明它是普遍試用的。也就是說在d reamweaver中插入任何一個flash動畫後,對其進行properties→parameter→wmode→ value=transparent設置都可以實現flash的透明背景效果。

  其實關於dreamweaver中flash動畫的parameter除了wmode外還有很多種,請大家在以後的學習中多 注意,多交流!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章