给Flash加一个超链接(推荐使用透明层)兼容主流浏览器


Posted in Javascript onJune 09, 2013

今天要给星烛网上的一个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关键键字
Javascript 相关文章推荐
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
关于vue.js组件数据流的问题
Jul 26 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
May 22 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
Jul 24 Javascript
JS集合set类的实现与使用方法示例
Feb 01 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
Sep 07 Javascript
javascript 数组(list)添加/删除的实现
Dec 17 Javascript
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 #Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
Jun 08 #Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 #Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 #Javascript
cookie 最近浏览记录(中文escape转码)具体实现
Jun 08 #Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 #Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
Jun 08 #Javascript
You might like
php empty函数 使用说明
2009/08/10 PHP
php的日期处理函数及uchome的function_coomon中日期处理函数的研究
2011/01/12 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
PHP多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
php数组添加元素方法小结
2014/12/20 PHP
5款Javascript颜色选择器
2009/10/25 Javascript
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
2011/04/28 Javascript
Javascript 浮点运算精度问题分析与解决
2014/03/26 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
BootStrap智能表单实战系列(七)验证的支持
2016/06/13 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
2016/08/04 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
使用python3.5仿微软记事本notepad
2016/06/15 Python
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
Python中使用支持向量机(SVM)算法
2017/12/26 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
python flask web服务实现更换默认端口和IP的方法
2019/07/26 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
利用纯css3实现的文字亮光特效的代码演示
2014/11/27 HTML / CSS
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
CPB肌肤之钥美国官网:Clé de Peau Beauté
2017/09/05 全球购物
玛蒂尔达简服装:Matilda Jane Clothing
2019/02/13 全球购物
金融专业个人求职信
2013/09/22 职场文书
大学生求职简历的自我评价范文
2013/10/12 职场文书
给实习单位的感谢信
2014/02/01 职场文书
党员目标管理责任书
2014/07/25 职场文书
后天观后感
2015/06/08 职场文书
校园安全学习心得体会
2016/01/18 职场文书