• 网页中插入Flash代码的方法

          Flash比GIF动画要漂亮些,我们把它设为透明后,Flash的背面我们可以插入一些漂亮的图片与之搭配达到很漂亮的效果; 或者仅仅在网页中加入透明的Flash,乱跑的Flash动画不会影响浏览者看你的博客。可吸引更多的人来拜访你哦~~当然不可不提的是,插入Flash也需谨慎,因为它会使网页加载速度明显变慢。下文介绍的全为HTML语言插入的代码。

    (一)首先教大家最简单的插入Flash的代码,透明,无坐标控制:
          注意wmode="transparent"是控制Flash是否透明显示的,如果不想让它显示为透明的,直接把wmode="transparent"去掉即可。

    <EMBED height=360 pluginspage=http://www.macrom edia.com/go/getflashplayer src=http://www.amznz.com/attachment/1244539614_46891a2f.swf type=application/x-shockwave-flash&nb sp;width=500 wmode="transparent" quality="high"></EMBED>

    (二)再教教大家加入绝对坐标的透明Flash,绝对坐标意味着不管你的窗口拉多大,那个Flash依然乖乖地在原地不动

    <EMBED style=" LEFT: 250px; WIDTH: 550px; POSITION:&nbs p;absolute; TOP: 200px; HEIGHT: 1000px " align=right src=http://www.amznz.com/attachment/1244539614_46891a2f.swf width=500 height=2000 type=appl ication/octet-stream ; quality= "high" wmode="transparent">

    (三)最后教教大家如何加入相对坐标的透明Flash,注意下面代码的table部分,这主要是使用表格作为容器,把Flash “装”到表格里,这样不管浏览者把浏览器拉多大,Flash永远和表格一起动。而且,表格可以设置背景图片,表格上面再放一个透 明Flash与背景图片相配合,哇塞,效果好得不得了

    <table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center backg round=http://www.amznz.com/attachment/1244468783_96060ec7.jpg>
    <TD width=600 height=382><EMBED plug inspage=http://www.macromedia.com/go/getflashplayer &nb sp;
    src=http://www.amznz.com/attachment/1244539614_46891a2f.swf wi dth="100%" height="100%"  
    type=application/x-shockwave-flash wmode="transparent"  
    quality="high"></EMBED></TD></td></table>

    ------------------------------------------------------------------

    还有以下方法:

    基于网页排版的实现方法

    你可以先准备好一张图片和一个适合做透明效果的flash,然后打开DREAMWEAVER中新建一个网页,插入一个一行一列的 单元格,单元格的规格大小和事先准备好的图片宽高一样,然后把这个图片设为单元格的背景图片,设置完了后,在这个单元格中插入准 备好的flash了,其中flash的大小规格也应该调成和单元格一样大小。用鼠标选中flash后,把网页编辑状态由“设计” 切换到“代码中,你会看到flash部分在源代码中都变成了黑色了,代码实例如下:

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swfl ash.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/swfl ash.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部分加入以上代码就行了。

         在flash的html发布选项中选windows mode/t ransparent windowless,发布为html,插入网页就可以得到透明的flash的效果。

      不错,照这样的办法去做,便可以发布出带有透明flash的html页。但是它存在一个问题:所发布的flash动画只在与 其同时发布的html页中显示透明效果,而如果用dreamweaver新建一个文件,再将其插入页面中,保存-->&g t;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=#FFFF FF WIDTH=550 HEIGHT=400 TYPE= "application/x-shockwave-flash" PLUGINSPAGE=" http://www.macromedia.com/shockwave/download/index.cgi?P1_Pr od_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_Pr od_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/tr ansparent windowless进行修改)的动画都奏效呢?经过我的实验证明它是普遍试用的。也就是说在d reamweaver中插入任何一个flash动画后,对其进行properties→parameter→wmode→ value=transparent设置都可以实现flash的透明背景效果。

      其实关于dreamweaver中flash动画的parameter除了wmode外还有很多种,请大家在以后的学习中多 注意,多交流!

    © 原文地址: http://www.amznz.com/web-flash-html/
    版权所有!如转载文章,请务必注明以上引用地址,否则请勿转载!




  • + ev、pv、ac项目管理中简写记忆及计算公式
  • + 极品飞车音乐全集下载
  • + November Was White,December Was Grey
  • + Word插入gif动态图片方法
  • + 免费手机号码归属地接口
  • + Axure IOS/Android素材大全
  • + fonts.googleapis.com加载慢解决办法
  • + MySQL数据库MyISAM转换InnoDB方法
  • + 百度蜘蛛IP(定期更新)
  • + LNMPA图片防盗链方法
  • + No Update Required
  • + 如果我欠了你五块钱,请你告诉我