透明背景flash html5,DW中实现flash的透明背景

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

首先忠心感谢凌宇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页源代码:

Movie2

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash

/swflash.cab#version=5,0,0,0"

WIDTH=550 HEIGHT=400>

2.用dreamweaver制作的带有flash 动画的html页的源代码:

Untitled Document

请仔细比较分析两段代码的标记中的标记,我们发现其中的不同之处:前者有参数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外还有很多种,请大家在以后的学习中多注意,多交流!

◎进入论坛网页制作、网站综合版块参加讨论

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
因为Dreamwaver每次插入动画flash的时候,系统总是自动加载并插入一大段代码并生成AC_RunActiveContent.js的文件。为了简化其的代码,所以自行把代码重新整理了一下,使其每次插入动画的时候,只需要写入短短一行代码(例如:<script type="text/javascript">swf(455,200,'仿新浪焦点图','focus');</script>),就可以达到跟Adobe官方同样的效果。已经测试过了,兼容所有浏览器。如果有些浏览器显示不出来,可能因为动画的版本和浏览器支持的flash动画版本不一致所致。 对比:原来插入一个flash的代码。 <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','title','仿新浪焦点图','name','仿新浪焦点图','width','455','height','200','id','仿新浪焦点图','src','focus','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','focus' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" title="仿新浪焦点图" name="仿新浪焦点图" width="455" height="200" id="仿新浪焦点图"> <param name="movie" value="focus.swf" /> <param name="quality" value="high" /> <embed src="focus.swf" width="455" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="仿新浪焦点图"></embed> </object></noscript> 而现在只需要写<script src="swf.js" type="text/javascript"></script><script type="text/javascript">swf(455,200,'仿新浪焦点图','focus');</script>就可以达到同样的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值