给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 相关文章推荐
文本框获得焦点和失去焦点的判断代码
Mar 18 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
jQuery实用技巧必备(上)
Nov 02 Javascript
js编写的treeview使用方法
Nov 11 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
es6学习之解构时应该注意的点
Aug 29 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
Oct 27 Javascript
javascript按顺序加载运行js方法
Dec 01 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
基于vue2.x的电商图片放大镜插件的使用
Jan 22 Javascript
详细介绍Next.js脚手架完整搭建封装
Apr 26 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
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
js下将字符串当函数执行的方法
2011/07/13 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
javascript if条件判断方法小结
2014/05/17 Javascript
js检验密码强度(低中高)附图
2014/06/05 Javascript
简单封装js的dom查询实例代码
2016/07/08 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
JS中定位 position 的使用实例代码
2017/08/06 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
JS实现关键词高亮显示正则匹配
2018/06/22 Javascript
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
Python多线程编程(三):threading.Thread类的重要函数和方法
2015/04/05 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
Python实现购物车程序
2018/04/16 Python
分析经典Python开发工程师面试题
2019/04/08 Python
Django ORM 自定义 char 类型字段解析
2019/08/09 Python
thinkphp5 路由分发原理
2021/03/18 PHP
css3的transition属性详解
2014/12/15 HTML / CSS
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
土木工程专业推荐信
2014/02/19 职场文书
护理学专业求职信
2014/06/29 职场文书
2014年评职称工作总结
2014/11/20 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
2015年医务人员医德医风自我评价
2015/03/03 职场文书
物业项目经理岗位职责
2015/04/01 职场文书
欢送领导祝酒词
2015/08/12 职场文书
MySQL的存储过程和相关函数
2022/04/26 MySQL