jQuery Flash 是基于jQuery的WEB网页Flash嵌入式插件

Query.Flash是基于jQuery插件的JavaScript代码,主要为了解决Flash在WEB页面的嵌入式解决方案,与AC_RunActiveContent、SWFOjbect功能类似,但是与其相比有更多的优点:
(1) 完全W3C标准
WEB页面嵌入式Flash是通过JavaScript脚本生成的,针对不同浏览器生成完全符合W3C标准的Flash页面嵌入式代码。
(2) 稳定的交互功能
在JavaScript与Flash或Flash与JavaScript交互调用的WEB页面,SWFOjbect与AC_RunActiveContent表现不够良好,由于JavaScript或Flash加载顺序问题,经常导致无法交互调用,jQuery.Flash可以完成支持JavaScript与Flash双方的互相交互。
(3) 简易而不失扩展
遵循jQuery的宗旨—Write Less,Do More,可以直接使用jQuery的元素选择器对任何一个元素进行Flash嵌入,而您仅需写一行代码,同时您可以增加任一参数进行功能扩展。
(4) 精小而不失功能
Flash插件非压缩仅3KB多一点,压缩之后不到2KB,超级精小,拥用SWFOjbect与AC_RunActiveContent的所有功能。

快速入门

下面需要实现的是将flash文件hello.swf嵌入到id为hello中div中,以下是实现步骤
1. WEB页面HTML如下:

<div id="hello"></div>
2. 引入JavaScript文件:
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.flash.js"></script>
3. 编写调用代码实现嵌入功能:
    <script type="text/javascript">
    $(function(){
        $('#hello').flash({src:'hello',width:550,height:400});
    })
    </script>
一行代码即可实现Flash的WEB嵌入功能
上面实现的完整代码整理如下:
    <div id="hello"></div>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.flash.js"></script>
    <script type="text/javascript">
    $(function(){
        $('#hello').flash({src:'hello',width:550,height:400});
    })
    </script>

 

使用说明

1. 首页使用jQuery选定需要嵌入的元素,这里我们使用了#hello(选定id号为hello的元素,即div);
2. 其次加入Flash文件,src即表示Flash文件,文件名为hello.swf,这里填写是不需要后缀.swf;
3. 再次定义Flash宽度width,高度400,更多的参数扩展见下面一节;

扩展参数

Flash嵌入对象的所有参数都支持

默认参数:
codebase: 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0',
quality: 'high',
pluginspage: 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash'

必选参数:
src:'hello',
width: 550,
height: 400,

可选参数:
id: 'demo',
name:'demo',
flashvars: {'username':'jxva','age':100},
wmode: 'transparent', 
allowScriptAccess:'always',
allowFullScreen:'false'
或许还有更多参数,您只需依照上面的方式增加即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值