给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
更新时间：2013年06月09日 15:58:04 作者：
给一个Flash加一个超链接,原想直接在object外直接套一个超链接即可，试了之后却发现不是这么回事
今天要给星烛网上的一个Flash加一个超链接，原想直接在object外直接套一个超链接即可，试了之后却发现不是这么回事，求助百度，问题解决，记录如下：
原因：Flash默认是最高层.所以,我经常会遇见Flash把下拉菜单挡住的情况，及其它原素覆盖掉.
解决方案：
第一种：步骤如下
1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明.
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf">
<param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
<STRONG><SPAN style="COLOR: #cc0000"><param name="wmode" value="transparent" /></SPAN></STRONG>
</object></div>
2. 在FLASH的层上再加上一层,Flash本身不能直接加入onclick.等事件,所以,只能借助别的东西啦.就是在FLASH上加个透明层:
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a href="http://www.xzrj.net" target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
说明：transpanrent.gif要是透明的，否则会给底下的Flash盖住；
3. IE浏览器到上面一步就可以了，Firefox还需要下面一步
在embed里加上
wmode="transparent"
完整代码如下：
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf"> <param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent"> </embed>
<param name="wmode" value="transparent" />
</object>
</div>
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a href="http://www.xzrj.net" target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
第二种方案，网上找的没有试，如下：
就是在Flash内部通过FSCommand调用外部的脚本，方法简单实用，可控能力强，具体用法，请在网上搜FSCommand关键键字
原因：Flash默认是最高层.所以,我经常会遇见Flash把下拉菜单挡住的情况，及其它原素覆盖掉.
解决方案：
第一种：步骤如下
1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明.
复制代码 代码如下:
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf">
<param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
<STRONG><SPAN style="COLOR: #cc0000"><param name="wmode" value="transparent" /></SPAN></STRONG>
</object></div>
2. 在FLASH的层上再加上一层,Flash本身不能直接加入onclick.等事件,所以,只能借助别的东西啦.就是在FLASH上加个透明层:
复制代码 代码如下:
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a href="http://www.xzrj.net" target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
说明：transpanrent.gif要是透明的，否则会给底下的Flash盖住；
3. IE浏览器到上面一步就可以了，Firefox还需要下面一步
在embed里加上
复制代码 代码如下:
wmode="transparent"
完整代码如下：
复制代码 代码如下:
<div class="ad_top" style="text-align:center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="948" height="93" id="flashlogo" >
<param name="movie" value="../../templets/content/images/slogan.swf"> <param name="quality" value=high>
<embed src="../../templets/content/images/slogan.swf" quality=high width="948" height="93" name="flashlogo" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent"> </embed>
<param name="wmode" value="transparent" />
</object>
</div>
<div id="huiLayer" style="cursor: hand; position:absolute; top:142px; width:948px; height:93px; z-index:1; visibility: visible; text-align:center;"><a href="http://www.xzrj.net" target="_blank"> <img src="http://www.xingzhu.net.cn/templets/content/images/transpanrent.gif" width="948" height="93" border="0"></a></div>
第二种方案，网上找的没有试，如下：
就是在Flash内部通过FSCommand调用外部的脚本，方法简单实用，可控能力强，具体用法，请在网上搜FSCommand关键键字
相关文章
比如要判断一个变量是否是数组类型,PHP中有is_array()函数可以直接判断,然而js中我们需要...-- well,下面我们就来详细看一下JavaScript中判断数据类型的方法总结2016-05-05
这篇文章主要介绍了js window对象属性和方法相关资料整理,需要的朋友可以参考下2015-11-11
本文主要介绍了jQuery事件的相关知识。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JavaScript设计模式之享元模式,结合实例形式较为详细的分析了javascript享元模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了JS实现的简单表单验证功能,结合完整实例形式分析了javascript基于字符串长度判定、数据类型判定及正则判断等操作进行表单验证的相关实现技巧,需要的朋友可以参考下2017-10-10
完美解决spring websocket自动断开连接再创建引发的问题
下面小编就为大家带来一篇完美解决spring websocket自动断开连接再创建引发的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要针对Js的Array数组对象为大家进行详细的讲解，感兴趣的小伙伴们可以参考一下2016-02-02
Javascript读取cookie函数代码，需要的朋友可以参考下。2010-10-10
这篇文章主要介绍了详解json串反转义（消除反斜杠），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
图片下载是前端常见的需求，如果一张一张下载未免太影响体验了，于是写下了这个多张图片打包成zip的demo2021-05-05
最新评论