给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 相关文章推荐
游戏人文件夹程序 ver 3.0
Jul 14 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
JavaScript DOM 学习第二章 编辑文本
Feb 19 Javascript
javascript 二进制运算技巧解析
Nov 27 Javascript
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
解决vue props 拿不到值的问题
Sep 11 Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
一个简单的弹性返回顶部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
中国的第一台收音机
2021/03/01 无线电
PHP浮点数的一个常见问题
2016/03/10 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
php静态成员方法和静态的成员属性的使用方法
2017/10/26 PHP
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
js模仿java的Map集合详解
2016/01/06 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
2018/05/30 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
webpack 静态资源集中输出的方法示例
2018/11/09 Javascript
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
django自带serializers序列化返回指定字段的方法
2019/08/21 Python
PyQt+socket实现远程操作服务器的方法示例
2019/08/22 Python
Python如何根据时间序列数据作图
2020/05/12 Python
浅谈matplotlib中FigureCanvasXAgg的用法
2020/06/16 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
测试时代收集的软件测试面试题
2013/09/25 面试题
大二自我鉴定范文
2013/10/05 职场文书
新闻专业应届生求职信
2013/10/31 职场文书
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
新教师工作感言
2014/02/16 职场文书
授权委托书怎么写
2014/04/03 职场文书
股权转让协议书
2014/04/12 职场文书
融资合作协议书范本
2014/10/17 职场文书
先进党支部申报材料
2014/12/24 职场文书
七一建党节慰问信
2015/02/14 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书