在网页中插入透明的flash其实是非常简单的事,下面简单介绍;
1、制作或下载一个纯色背景的flash文件。
2、打开Dreamweaver(我使用的是Adobe Dreamweaver CS3),插入记录->媒体->Flash
3、然后选择你要插入的flash文件,即生成类似下面的代码和一个名为“AC_RunActiveContent.js”的文件:
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','980','height','131','src','images/8','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','images/8' ); //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=9,0,28,0" width="980" height="131">
<param name="movie" value="images/8.swf" />
<param name="quality" value="high" />
<embed src="images/8.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="980" height="131"></embed>
</object>
</noscript>
4、在这段代码中添加一个参数“wmode” 值为“transparent”,代码变化如下
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','980','height','131','src','images/8','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','images/8' ); //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=9,0,28,0" width="980" height="131">
<param name="movie" value="images/8.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="images/8.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="980" height="131" wmode="transparent"></embed>
</object>
</noscript>
(1)添加<param name="wmode" value="transparent" />
(2)在最后添加wmode="transparent"
5、保存预览吧
以上是用Dreamweaver控件插入的,也可以把代码简化,直接把下面的代码黏贴进去,替换flash路径、width和height。
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="images/top.swf" type="application/x-shockwave-flash" width="960" height="180" wmode="transparent" quality="high"></embed>
分享到:
相关推荐
Dreamweaver8插入图像.pdf
Dreamweaver中如何插入flash动画.doc
在Dreamweaver中插入常见格式视频
大家有没有这样的经历,在自己的电脑安装Dreamweaver8,Flash8,Fireworks8时为了避免日后重装系统导致的软件重装问题,而把Dreamweaver8,Flash8,Fireworks8装在D盘或E盘,但是重装系统后问题又来了,提示“检测到您的...
在dreamweaver中插入视频,只要在代码中更改视频的路径和名称即可,其余都不用动
如何在Dreamweaver CS3中插入多媒体.pdf如何在Dreamweaver CS3中插入多媒体.pdf如何在Dreamweaver CS3中插入多媒体.pdf
使用Dreamweaver8在网页中插入Flash视频.pdf
中文版Dreamweaver+Flash+Photoshop网页制作三合一教程
使用Dreamweaver8在网页中插入Flash视频参考.pdf
网页设计Dreamweaver插入图片详细步骤解析.txt
网页设计Dreamweaver插入图片详细步骤解析.pdf
第1章 Dreamweaver 8概述 第2章 网页中的文字、图像和导航条 第3章 框架、表格、层与网页布局 第4章 表单、样式表与网页中的其他对象 第5章 时间轴和行为 第6章 模板、命令、“资源”面板和外部插件 第7章 站点与...
Dreamweaver+Flash+Fireworks+Photoshop网页综合设计,小网站实例,不错
Dreamweaver 8和Flash 8案例教程课件!
《网页制作》教学课件包括dreamweaver-fireworks-flash三部分。 适用于《网页制作三剑客》和网站设计课程
通过实例介绍利用Dreamweaver8与Flash8设计网页的方法与技巧,对初学者有相当的帮助作用。
2.3.2 多媒体元素 模块2 Dreamweaver初级应用 DreamweaverCS6中插入多媒体元素全文共12页,当前为第1页。 复习导入 1.网页图像的格式 2.网页图像的插入 3.设置图像的属性 多媒体元素如何插入,如何设置其属性? ...
个人网站 基于Dreamweaver,fireworks,flash有自己的报告