DreamWeaver中实现flash的透明背景

2008-02-23 06:02:29来源：互联网阅读 ()

我们经常收到一些初学网业制作的网友提出的问题，很多问题其实很简单，只要动脑筋想一想就能够解决了，但有的网友不喜欢多思考，一碰到问题想都不想就直接去问别人，这种学习方法可不太好。而本文的作者学到一种技巧后，他发现这种技巧在两种环境下显示的结果不同，这个时候比较两种环境中产生的源代码的区别无疑是解决问题最好的方法！他也正是这样做的，并最终解决了问题。本文涉及的问题并不算太难，但作者发现问题、解决问题的思路却很值得我们学习！

　　首先忠心感谢凌宇5942给我的帮助！在他的启迪下我发现了另一种实现flash透明背景的办法，愿和大家一起探讨

　　凌宇5942告知的解决办法：在flash的html发布选项中选windows mode/transparent windowless，发布为html，插入网页就能够得到透明的flash的效果。

　　不错，照这样的办法去做，便能够发布出带有透明flash的html页。但是他存在一个问题：所发布的flash动画只在和其同时发布的html页中显示透明效果，而假如用dreamweaver新建一个文档，再将其插入页面中，保存-->>f12预览我们会发现他又是不透明的了！这是怎么回事呢？

　　我仔细比较了用flash发布的html页和用dreamweaver制作的带有flash 动画的两个html页的源代码：

　　1.用flash发布的html页源代码：

　　<HTML>

　　<HEAD>

　　<TITLE>Movie2</TITLE>

　　</HEAD>

　　<BODY bgcolor="#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>

　　<PARAM NAME=wmode value=transparent>

　　<PARAM NAME=bgcolor value=#FFFFFF> 

　　<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 动画的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_Prod_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/transparent windowless进行修改）的动画都奏效呢？经过我的实验证实他是普遍试用的。也就是说在dreamweaver中插入任何一个flash动画后，对其进行properties→parameter→wmode→value=transparent配置都能够实现flash的透明背景效果。

　　其实关于dreamweaver中flash动画的parameter除了wmode外更有很多种，请大家在以后的学习中多注意，多交流！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有