给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 相关文章推荐
js innerHTML 改变div内容的方法
Aug 03 Javascript
JS获取select-option-text_value的方法
Dec 26 Javascript
jQuery focus和blur事件的应用详解
Jan 26 Javascript
jQuery截取指定长度字符串代码
Aug 21 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
Oct 31 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 Javascript
详解Angular-Cli中引用第三方库
May 21 Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
微信小程序实现全局搜索代码高亮的示例
Mar 30 Javascript
Node.js API详解之 os模块用法实例分析
May 06 Javascript
一个简单的弹性返回顶部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
资料注册后发信小技巧
2006/10/09 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
PHP异常处理Exception类
2015/12/11 PHP
javascript json2 使用方法
2010/03/16 Javascript
JQuery 文本框使用小结
2010/05/22 Javascript
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
jquery怎样实现ajax联动框(一)
2013/03/08 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
2016/12/14 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
2018/10/24 jQuery
Node.js 进程平滑离场剖析小结
2019/01/24 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
Python中的函数作用域
2018/05/07 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
Python2与Python3的区别点整理
2019/12/12 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
奥巴马演讲稿
2014/01/08 职场文书
企业业务员岗位职责
2014/03/14 职场文书
公司人事专员岗位职责
2014/08/11 职场文书
踏青活动策划方案
2014/08/19 职场文书
领导班子党的群众路线对照检查材料
2014/09/25 职场文书
事业单位年度考核评语
2014/12/31 职场文书
零基础学java之带返回值的方法的定义和调用
2022/04/10 Java/Android
js 实现验证码输入框示例详解
2022/09/23 Javascript