如何实现透明flash动画效果
来源:建站学整理 时间:07-04-01 点击: 点击这里收藏本文
在讲解这个问题之前,首先让大家看看透明flash效果:
http://www.jzxue.com/Files/UpLoadfiles/2007/4/demo_tmflash/demo_tmflash.htm
效果是不是酷?当然很酷了,它其实有时候比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部分加入以上代码就行了。
把此文章收藏到: