给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解析与序列化json数据(二)序列化探讨
Feb 01 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
跟我学习javascript创建对象(类)的8种方法
Nov 20 Javascript
浅析JS获取url中的参数实例代码
Jun 14 Javascript
深入理解Angular2 模板语法
Aug 07 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
Dec 26 Javascript
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
基于canvasJS在PHP中制作动态图表
May 30 Javascript
vue封装数字翻牌器
Apr 20 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代码
2010/07/17 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
浅谈PHP中output_buffering
2015/07/13 PHP
PHP的Yii框架使用中的一些错误解决方法与建议
2015/08/21 PHP
Yii框架连接mongodb数据库的代码
2016/07/27 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
jquery 实现的全选和反选
2009/04/15 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
React Router基础使用
2017/01/17 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
2018/02/09 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
jquery实现简单自动轮播图效果
2020/07/29 jQuery
python比较两个列表是否相等的方法
2015/07/28 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
python把转列表为集合的方法
2019/06/28 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
Python request中文乱码问题解决方案
2020/09/17 Python
Python如何利用Har文件进行遍历指定字典替换提交的数据详解
2020/11/05 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
关于前端上传文件全面基础扫盲贴(入门)
2019/08/01 HTML / CSS
奥巴马英文演讲稿
2014/05/15 职场文书
欢迎标语大全
2014/06/21 职场文书
2014年司机工作总结
2014/11/21 职场文书
2014小学年度工作总结
2014/12/20 职场文书
车间主任岗位职责范本
2015/04/08 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js