`
gray888
  • 浏览: 526707 次
  • 性别: Icon_minigender_2
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

透明的flash素材如何使用

阅读更多

1 透明Flash的使用方法:
在插入flash的代码中插入 即可实现flash背景透明 如下:

以上代码适合dreamweaver插入的flash代码

如果是在frontpage插入flash代码设置如下:

wmode=transparent type='application/x-shockwave-flash'>

2  透明flash制作方法代码
透明FLASH地址“ width=900 height=535 type=application/x-shockwave-flash wmode=“transparent“ quality=“high“>

 

3 在Dreamweaver中实现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页源代码:

<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=transparen t 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外还有很多种,请大家在以后的学习中多注意,多交流!

分享到:
评论

相关推荐

    透明FLash素材下载

    而"透明Flash素材"很可能是包含多个透明Flash文件的文件夹,这些文件可以是.swf格式,可以直接嵌入网页,也可以是.fla格式,是源文件,可以使用Adobe Flash(现为Animate)软件进行编辑和修改。 总的来说,透明...

    特效素材和透明flash素材

    透明Flash素材通常以.swf格式存在,这是一种专为Web设计的文件格式,可以在大多数现代浏览器上播放,尽管随着HTML5的普及,Flash的使用已经逐渐减少。然而,在某些特定场合,如需要交互性和复杂动画时,Flash素材...

    网页常用的透明FLASH素材

    在使用透明Flash素材时,有几点需要注意: - **兼容性**:尽管Flash曾经非常流行,但随着移动设备和浏览器对Flash支持的减少,设计师应考虑使用HTML5和CSS3等现代技术来替代,以确保在不同平台上都能正常显示。 - ...

    透明flash素材

    4. **版权问题**:使用透明Flash素材时,确保你拥有合适的使用权,避免侵犯版权。如果是商业用途,最好购买授权或自己制作。 透明Flash素材的获取途径多种多样,包括在线素材库、付费购买、或者使用Adobe Flash等...

    最常用的100个透明FLASH素材

    【标题】:“最常用的100个透明FLASH素材”指的是在网页设计中广泛使用的100种具有透明背景效果的Flash动画元素。这些素材通常包括动态按钮、过渡效果、图标和其他交互式组件,设计师可以方便地将它们整合到网站中,...

    100个透明Flash素材压缩包

    在使用这些透明Flash素材时,需要注意以下几点: 1. 兼容性:尽管Flash Player不再得到官方支持,但许多用户可能仍然拥有旧版本的插件,因此在设计时要考虑到兼容性问题。 2. 版权问题:确保在使用素材前拥有正确的...

    飞鸟系列透明flash素材

    在使用飞鸟系列透明Flash素材时,需要注意以下几点: 1. 兼容性:虽然Flash在过去的互联网时代非常流行,但现在随着HTML5的普及,部分现代浏览器可能不再支持Flash内容。因此,为了确保广泛兼容,设计师可能需要将...

    300多个透明Flash素材

    在下载和使用透明Flash素材时,务必了解并遵守相关的版权规定。如果是商业用途,确保拥有适当的授权或许可,避免法律纠纷。 总的来说,透明Flash素材是设计和开发领域的一种强大工具,能够提升内容的视觉吸引力和...

    透明flash素材百例

    本文将深入探讨“透明Flash素材”的概念、用途、类型以及如何使用。 一、透明Flash素材的概念 透明Flash素材,顾名思义,是指具有透明背景的Flash动画或图形。这些素材通常由FLA(Flash源文件)和SWF(Flash播放...

    梅花透明flash素材及源文件

    对于Flash素材使用者来说,有源文件意味着更大的创作自由度。设计师可以深入探究每个元素的构建方式,学习和借鉴别人的制作技巧。而对于初学者,这是一次很好的学习机会,他们可以从源文件中理解Flash动画的工作原理...

    透明画卷效果flash素材.rar

    本素材包“透明画卷效果flash素材.rar”包含了一系列FLA和SWF文件,它们是Adobe Flash开发的源文件和最终可执行文件,用于实现这种效果。 首先,我们来看看FLA文件。FLA是Flash的原始工程文件,包含了动画的所有...

    一些透明flash 素材

    "透明Flash素材"指的是那些具有透明背景的Flash动画或元素,使得它们可以无缝地融入任何颜色或图案的网页背景中,提升了网页设计的灵活性和美观度。 Flash素材通常包括各种动态效果、按钮、导航栏、图标等,这些...

    flash透明素材

    在网页制作中,透明Flash素材的使用有以下几个关键知识点: 1. **矢量图形**:Flash基于矢量图形,这意味着它能够创建出高质量、分辨率不依赖的图像。无论放大多少倍,图像都能保持清晰,这在网页设计中尤其有用,...

    150个透明FLASH素材下载

    标题中的“150个透明FLASH素材下载”指的是一个包含150个不同透明背景的Flash动画或图形资源的集合。这些素材通常被设计为可嵌入到网页、电子贺卡、互动展示或其他数字媒体项目中,以增加视觉效果和交互性。Flash是...

    各种Flash素材,透明背景

    这个压缩包文件主题为“各种Flash素材,透明背景”,意味着它包含了一系列可用于网页、广告或其他多媒体项目的Flash动画资源,这些资源的特点是具有透明背景,能够更好地融入到不同的设计环境中。 首先,我们要了解...

    flash素材之(透明flash)

    6. **使用方法**:在网页中使用透明Flash素材,通常需要将SWF文件嵌入HTML代码中,通过ACTIONSCRIPT或者JavaScript控制其行为。同时,需要确保用户的浏览器支持Flash Player插件,虽然现代网页设计更多转向HTML5,但...

    Flash透明素材

    5. **优化与性能**:透明Flash素材可能会影响网页加载速度,因此在制作时需要优化文件大小,如减少不必要的帧数、压缩图片质量和合并相似图层。同时,利用ActionScript可以实现代码优化,减少CPU资源消耗。 6. **...

    FLASH素材.rar

    而"flash素材.html"则可能是一个网页文件,它可能是素材的展示页面,通过浏览器打开,用户可以在网页上直观地看到素材的效果,并了解如何使用这些素材。 在实际应用中,这些FLASH素材可以广泛应用于网页设计、广告...

    会声会影素材 蝴蝶flash素材

    在会声会影中使用蝴蝶Flash素材,可以创造出梦幻、浪漫或者自然的主题,适用于婚礼视频、儿童成长记录、旅行短片等多种情境。这些素材通常以动画形式存在,能够在视频中展现出蝴蝶翩翩飞舞的生动画面,为观众带来...

    [网页素材][flash透明背景]红心

    但过去积累的大量Flash素材,如“透明背景红心”,仍可通过Adobe Animate等工具转换为HTML5 Canvas或SVG格式,以适应新的网页标准,保持其在网页设计中的活力。 总的来说,“[网页素材][flash透明背景]红心”代表了...

Global site tag (gtag.js) - Google Analytics