摘要:常有网友提问,如何让网页中嵌入的Flash标签也符合web标准。目前还没有一个完美的解决办法,这篇文章中,我们将Flash嵌入标签写入js文件中,通过变量传递参数的办法来回避不符合标准的标签。希望对大家学习Flash有所帮助。
常有网友提问,如何让网页中嵌入的Flash标签也符合web标准。目前还没有一个完美的解决办法,这篇文章中,我们将Flash嵌入标签写入js文件中,通过变量传递参数的办法来回避不符合标准的标签。希望对大家学习Flash有所帮助。
请注意,这只是一个变通的方法,换汤不换药,并未能最终解决存在的问题,通过验证只是一种表象,这样的思路是不是可取,在实际操作中请大家自行斟酌。
首先建立一个JS文件flash.js。写入如下代码:
[javascript] view plain copy 1. function swf(file,w,h) { 2. document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+w+'" height="'+h+'"> '); 3. document.write('<param name="movie" value="' + file + '">'); 4. document.write('<param name="quality" value="high"> '); 5. document.write('<param name="wmode" value="transparent"> '); 6. document.write('<param name="menu" value="false"> '); 7. document.write('<embed src="' + file + '" quality="high" pluginspage="//www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'"></embed> '); 8. document.write('</object> '); 9. }
上面的js脚本定义了一个函数swf,并设置三个变量,它们分别是:flile文件链接,w宽度,h高度。在XHTML中向这个函数传递变量即可实现flash的嵌入。如下代码:
[html] view plain copy 1. <div id="flash"> 2. <script type="text/javascript" language="javascript">swf('webjx.swf','500','220');</script> 3. </div>
建立id为flash的div作为一容器,在其内部嵌入js脚本,变量依次为:文件路径、宽度、高度!
看下面的全部代码:
[html] view plain copy 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. <html xmlns="//www.w3.org/1999/xhtml"> 3. <head> 4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5. <title>符合web标准的嵌入Flash的方法</title> 6. <script type="text/javascript" language="javascript" src="flash.js"></script> 7. <style type="text/css"> 8. #flash { width:500px; margin:50px auto; border:5px solid #03c;} 9. </style> 10. </head> 11. <body> 12. <div id="flash"> 13. <script type="text/javascript" language="javascript">swf('webjx.swf','500','220');</script> 14. </div> 15. </body> 16. </html>
做项目的时候经常会遇到DIV浮动层被FLASH遮挡的,下面就给出解决方案
IE下:
[html] view plain copy 1. <param name="wmode" value="opaque">
FireFox和Chrome下:
[html] view plain copy 1. <embed src="//www.xxx.com/xxx.swf" quality="high" width="800" height="600" type="application/x-shockwave-flash" wmode="opaque"></embed>
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标常用软件Flash频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号