|
<FONT color=#000000><FONT face=宋体>为你讲解</FONT><FONT face="Times New Roman">SWFObject</FONT><FONT face=宋体>-</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>辅助利器</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000></FONT></FONT><BR><BR><FONT face="Times New Roman"><FONT color=#000000></FONT></FONT><BR><FONT color=#000000><FONT face=宋体> </FONT><FONT face="Times New Roman">SWFObject</FONT><FONT face=宋体>是一个基于</FONT><FONT face="Times New Roman">Javascript</FONT><FONT face=宋体>的</FONT><FONT face="Times New Roman">Flash</FONT><FONT face=宋体>媒体版本检测与嵌入模块,其主要使用目的是让我们将</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>嵌入网页中的操作更简单,加入了版本检测功能,符合</FONT><FONT face="Times New Roman">XHTML</FONT><FONT face=宋体>的标准验证的插入,并解除了</FONT><FONT face="Times New Roman">IE</FONT><FONT face=宋体>对</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>点击激活的限制,对主流浏览器兼容。</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 首先让我们看一段</FONT><FONT face="Times New Roman">SWFObject</FONT><FONT face=宋体>作用的代码: </FONT></FONT><BR><FONT face=宋体><FONT color=#000000> </FONT></FONT><BR><FONT color=#000000><FONT face="Times New Roman">//</FONT><FONT face=宋体>载入</FONT><FONT face="Times New Roman">SWFObject</FONT><FONT face=宋体>类库</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000><script type="text/javascript" src="swfobject.js" mce_src="swfobject.js"></script></FONT></FONT><BR><FONT color=#000000><FONT face="Times New Roman">//</FONT><FONT face=宋体>设置一个</FONT><FONT face="Times New Roman">DIV</FONT><FONT face=宋体>,并设置</FONT><FONT face="Times New Roman">ID</FONT><FONT face=宋体>,这个</FONT><FONT face="Times New Roman">DIV</FONT><FONT face=宋体>将做为</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>插入的容器</FONT></FONT><BR><FONT color=#000000><FONT face="Times New Roman"><div id="flashcontent"></FONT><FONT face=宋体>播放此动画需要</FONT><FONT face="Times New Roman">FlashPlayre8.0 </div></FONT></FONT><BR><FONT color=#000000><FONT face="Times New Roman">//</FONT><FONT face=宋体>利用</FONT><FONT face="Times New Roman">SWFObject</FONT><FONT face=宋体>来插入</FONT><FONT face="Times New Roman">FLASH</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000><script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");</FONT></FONT><BR><FONT color=#000000><FONT face="Times New Roman">//</FONT><FONT face=宋体>将</FONT><FONT face="Times New Roman">id</FONT><FONT face=宋体>为</FONT><FONT face="Times New Roman">flashcontent</FONT><FONT face=宋体>的</FONT><FONT face="Times New Roman">DIV</FONT><FONT face=宋体>中内容替换为</FONT><FONT face="Times New Roman">FLASH</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000>so.write("flashcontent");</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000></script></FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 看了上面的代码感觉如何?比起平时用</FONT><FONT face="Times New Roman">Object</FONT><FONT face=宋体>来插入</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>文件是不是简洁多了,而且代码结构更清晰,对这段代码的中文解释可参看</FONT><FONT face="Times New Roman">AW</FONT><FONT face=宋体>对</FONT><FONT face="Times New Roman">SWFObject</FONT><FONT face=宋体>的翻译,已经很详细了,不再赘述,下面只介绍一下个人认为最实用的功能。</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> </FONT><FONT face="Times New Roman"> </FONT></FONT><BR><FONT face=宋体><FONT color=#000000> 一、版本检测 </FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 难免存在播放器版本过低的用户,而且他们大多数是低端用户,对电脑知识了解较浅,如果他们看不到我们所指出的</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>动画,或者是由于播放器版本不支持新版本中的某些特性,用户看到的是残缺的动画,那么这就是一个糟糕的用户体验,用户很容易将一切因素都归咎于产品的开发者。实用</FONT><FONT face="Times New Roman">SWFObject</FONT><FONT face=宋体>就可以很好的避免这一麻烦,当它检测到用户的播放器版本低于我们设置的版本时,</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>不会替换</FONT><FONT face="Times New Roman">DIV</FONT><FONT face=宋体>容器中的内容,因此我们可以在这里给用户提示,例如:“你需要升级</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>播放器版本至</FONT><FONT face="Times New Roman">8.0 </FONT><FONT face=宋体>”。如果条件允许,我们可以在这里给用户一个</FONT><FONT face="Times New Roman">Adobe</FONT><FONT face=宋体>的</FONT><FONT face="Times New Roman">FlashPlayer</FONT><FONT face=宋体>的升级链接或者直接提供一个</FONT><FONT face="Times New Roman">Active</FONT><FONT face=宋体>安装包给用户下载安装。</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 二、对</FONT><FONT face="Times New Roman">FlashVars</FONT><FONT face=宋体>的支持</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000></FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000>so.addVariable("arg1","test1"));</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000>so.addVariable("arg2","test2"));</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 上面两句代码将以</FONT><FONT face="Times New Roman">FlashVars</FONT><FONT face=宋体>的方式给</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>的</FONT><FONT face="Times New Roman">ROOT</FONT><FONT face=宋体>中添加两个变量</FONT><FONT face="Times New Roman">arg1=test1</FONT><FONT face=宋体>,</FONT><FONT face="Times New Roman">arg2=test2</FONT><FONT face=宋体>,简洁,方便,同时不用我们再考虑</FONT><FONT face="Times New Roman">IE</FONT><FONT face=宋体>和</FONT><FONT face="Times New Roman">FF</FONT><FONT face=宋体>的兼容问题。</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> </FONT><FONT face="Times New Roman"> </FONT><FONT face=宋体>注意:</FONT><FONT face="Times New Roman">JS</FONT><FONT face=宋体>跟</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>通信是以字符串传递的,因此对于</FONT><FONT face="Times New Roman">Number</FONT><FONT face=宋体>型变量</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>端需要做类型转换。</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 三、设置</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>内联参数 </FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000></FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000>so.addParam("wmode", "transparent");</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 这是我们很熟悉的设置</FONT><FONT face="Times New Roman">FLASH</FONT><FONT face=宋体>背景透明的代码,其他内联属性可以尝试设置一下。</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 四、获取</FONT><FONT face="Times New Roman">URL</FONT><FONT face=宋体>中的变量</FONT></FONT><BR><FONT color=#000000><FONT face=宋体> 对于</FONT><FONT face="Times New Roman">url?arg1=test1&arg2=test2</FONT><FONT face=宋体>这样用</FONT><FONT face="Times New Roman">GET</FONT><FONT face=宋体>方式传递变量的</FONT><FONT face="Times New Roman">URL</FONT><FONT face=宋体>,我们可以用</FONT><FONT face="Times New Roman">getQueryParamValue</FONT><FONT face=宋体>方法来获取变量。</FONT></FONT><BR><FONT face=宋体><FONT color=#000000> </FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000>var t1 = getQueryParamValue("arg1");</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000>alert(t1);</FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000></FONT></FONT><BR><FONT face="Times New Roman"><FONT color=#000000></FONT></FONT>
[ 本帖最后由 ebbing 于 2008-8-12 20:50 编辑 ] |
|