效果是不是酷?当然很酷了,它其实有时候比flash的动画效果还要好,建议大家以后在网页中如果放动画的话采用这种形式,通过演示页面大家其实已经看到了最终效果是通过一张背景图片和一个flash动画结合而成的,这对于维护来说是很方便的,只要把背景图片更新就可以了,flash可以不动它的。
实现方法如下:
基于网页排版的实现方法
你可以先准备好一张图片和一个适合做透明效果的flash,然后打开Dreamweaver中新建一个网页,插入一个一行一列的单元格,单元格的规格大小和事先准备好的图片宽高一样,然后把这个图片设为单元格的背景图片,设置完了后,在这个单元格中插入准备好的flash了,其中flash的大小规格也应该调成和单元格一样大小。用鼠标选中flash后,把网页编辑状态由“设计”切换到“代码中,你会看到flash部分在源代码中都变成了黑色了,代码实例如下:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.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/swflash.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部分加入以上代码就行了。
b6sp,a:8\m5vm [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计Flash教程 http://Www.gzU521.com ] b6sp,a:8\m5vm
我们经常收到一些初学网业制作的网友提出的问题,很多问题其实很简单,只要动脑筋想一想就可以解决了,但有的网友不喜欢多思考,一遇到问题想都不想就直接去问别人,这种学习方法可不太好。而本文的作者学到一种技巧后,他发现这种技巧在两种环境下显示的结果不同,这个时候比较两种环境中产生的源代码的区别无疑是解决问题最好的方法!他也正是这样做的,并最终解决了问题。本文涉及的问题并不算太难,但作者发现问题、解决问题的思路却很值得我们学习!
首先忠心感谢凌宇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=transparent bgcolor=#ffffff width=550 height=400 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version