找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 HTML代码中插入透明flash的方法

HTML代码中插入透明flash的方法

灰儿 2014-9-18 10:49:51
      flash动画的插入方式与图片不同,在html中我们只能单独插入,我们把它设为透明后,在Flash的背面我们可以插入一些漂亮的图片或者文字与之搭配达到很漂亮的效果;而在网页中加入透明的Flash,乱跑的Flash动画不会影响浏览者看你的博客。可吸引更多的人来拜访你哦~~当然不可不提的是,插入Flash也需谨慎,因为它会使网页加载速度明显变慢。


1、先教大家单独插入Flash的代码,透明,无坐标控制:
代码如下:
<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashplayer src=你的flash地址 type=application/x-shockwave-flash width=500 wmode="transparent" quality="high"></EMBED>

    注意:wmode="transparent" 是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode="transparent"去掉即可。

2、再教教大家加入绝对坐标的透明Flash,绝对坐标意味着不管你的窗口拉多大,那个Flash依然乖乖地在原地不动:
代码如下:
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 1000px" align=right src=你的flash地址 width=500 height=500 type=application/octet-stream ;; quality="high" wmode="transparent">

这种方法能够实现文字在flash动画的底层,但是flash的位置(绿色部分)是相对整个网页的绝对地址,不论页面变化,都是同一位置好育园博客

3、最后教教大家如何加入相对坐标的透明Flash,注意下面代码的table部分,这主要是使用表格作为容器,把Flash“装”到表格里,这样不管浏览者把浏览器拉多大,Flash永远和表格一起动。而且,表格可以设置背景图片,与表格上面的透明Flash相配合。但是,一旦写入文字,只能让放大表格,而无法让文字、背景图片和flash动画三者重叠!

代码如下:
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center background=你的图片地址><TD width=600 height=382>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=你的flash地址 width="100%" height="100%" type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>

4、兼容IE浏览器的透明flash代码。
<object      codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0
             width="400" height="120"
            classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000>
              <param name="movie" value="{dede:field name='templeturl'/}/images/niao.swf">
              <param name="quality" value="high">
             <param name="wmode" value="transparent">
              <embed src="{dede:field name='templeturl'/}/images/niao.swf" quality=high  
            pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash"
            type="application/x-shockwave-flash"  width="400" height="120" wmode="transparent"></embed>
              </object>




您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。