符合web标准的嵌入透明Flash背景的方法(兼容IE和FireFox)

阅读: 评论:0

符合web标准的嵌入透明Flash背景的方法(兼容IE和FireFox)

符合web标准的嵌入透明Flash背景的方法(兼容IE和FireFox)

 

做项目的时候避免不了要向网页中插入flash的透明背景文件,那么如何在网页中嵌入的Flash又符合web标准呢?目前还没有一个完美的解决办法,(使用embed标签不符合WEB标准)于是我将Flash嵌入标签写入js文件中,通过变量传递参数的办法来输出FLASH文件回避不符合标准的标签。 虽然这样子是可以通过了W3C的验证,但还是存在着问题:假如你的导航菜单是用FLASH来实现的,而普通用户又禁用了JS,你想想后果有多可怕(用户将找不到导航菜单),你将永远的失去这个用户。所以如果您的导航菜单是用FLASH来实现的话,请不要用这种方法来实现。


首先建立一个JS文件flash.js。写入如下代码:

function flash(file,w,h) {
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=".cab#version=7,0,19,0" width="'+w+'" height="'+h+'"> ');
    document.write('<param name="movie" value="' + file + '">');
    document.write('<param name="quality" value="high"> ');
    document.write('<param name="wmode" value="transparent"> ');
    document.write('<param name="menu" value="false"> '); 
    document.write('<embed src="' + file + '" quality="high" pluginspage="" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'" wmode="transparent"></embed> ');
    document.write('</object> ');
}

上面的js脚本中自定义了一个flash函数,并设置三个变量,它们分别是:flile 文件链接地址,w 输出的FLASH宽度,h 输出的FLASH高度。要在IE中实现flash背景透明,只需加这个标签:<param name="wmode" value="transparent"> .而在FireFox浏览器中起作用的是<embed></embed>标签,所以还要额外的加入<embed wmode="transparent" ></embed>, 才能同时兼容IE和FireFox, 实现flash的背景透明效果。代码如上:

在XHTML中向这个函数传递变量即可实现flash的嵌入。如下代码:

<div id="banner">
    <script type="text/javascript">flash('banner.swf','1000','120');</script>
</div>
在ID为banner的容器内部嵌入js脚本,变量依次为:文件路径、宽度、高度!

看下面的全部代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ".dtd">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta content="all" name="robots" />
<meta name="author" content="Leo.lin 小猪" />
<meta name="keywords" content="web标准 嵌入 Flash 方法" />
<meta name="description" content="符合web标准的嵌入Flash的方法" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>符合web标准的嵌入Flash的方法</title>
<script type="text/javascript" language="javascript" src="flash.js"></script>
</head>
<body>
<div id="banner">
    <script type="text/javascript">flash('banner.swf','1000','120');</script>
</div>
</body>
</html> 

转载于:.html

本文发布于:2024-01-31 05:14:16,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170664925725814.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:透明   背景   标准   方法   web
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23