给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 相关文章推荐
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
javascript创建和存储cookie示例
Jan 07 Javascript
AngularJS快速入门
Apr 02 Javascript
js实现页面跳转的几种方法小结
May 16 Javascript
基于angularjs实现图片放大镜效果
Aug 31 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 Javascript
详解ES6之async+await 同步/异步方案
Sep 19 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
Mar 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
php读取txt文件组成SQL并插入数据库的代码(原创自Zjmainstay)
2012/07/31 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
点击广告后才能获得下载地址
2006/10/26 Javascript
js中cookie的使用详细分析
2008/05/28 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
Position属性之relative用法
2015/12/14 Javascript
详解js中call与apply关键字的作用
2016/11/21 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
vue生命周期实例小结
2018/08/15 Javascript
对angularJs中$sce服务安全显示html文本的实例
2018/09/30 Javascript
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
express.js中间件说明详解
2019/03/19 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
[03:36]2015国际邀请赛第二日现场精彩集锦
2015/08/06 DOTA
python线程中同步锁详解
2018/04/27 Python
Python爬虫PyQuery库基本用法入门教程
2018/08/04 Python
transform python环境快速配置方法
2018/09/27 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
python上selenium的弹框操作实现
2020/07/13 Python
python 装饰器的使用示例
2020/10/10 Python
REISS美国官网:伦敦最受欢迎的时尚品牌
2019/08/16 全球购物
芭比波朗加拿大官方网站:Bobbi Brown Cosmetics CA
2020/11/05 全球购物
留学自荐信的技巧
2013/10/17 职场文书
职业生涯规划书基本格式
2014/01/06 职场文书
工作过失检讨书
2014/02/23 职场文书
委托代理人授权委托书范本
2014/09/24 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
学校法制宣传日活动总结
2014/11/01 职场文书
2014年平安夜寄语
2014/12/08 职场文书
个人工作年终总结
2015/03/09 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
详解nginx location指令
2022/01/18 Servers