给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+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
Mar 09 Javascript
jQuery实现图片轮播效果代码
Sep 27 Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 Javascript
深入理解Vuex 模块化(module)
Sep 26 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
Aug 29 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
Nov 14 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
Json实现传值到后台代码实例
Jun 30 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开发中的错误收集,不定期更新。
2011/02/03 PHP
PHP运行模式的深入理解
2013/06/03 PHP
PHP中提问频率最高的11个面试题和答案
2014/09/02 PHP
PHP addslashes()函数讲解
2019/02/03 PHP
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
jQuery实现带动画效果的二级下拉导航方法
2015/03/11 Javascript
javascript实现抽奖程序的简单实例
2016/06/07 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
vue的事件绑定与方法详解
2017/08/16 Javascript
React diff算法的实现示例
2018/04/20 Javascript
微信小程序实现图片上传功能
2018/05/28 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
python连接mongodb操作数据示例(mongodb数据库配置类)
2013/12/31 Python
Python实现求两个csv文件交集的方法
2017/09/06 Python
python使用json序列化datetime类型实例解析
2018/02/11 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
Pytorch之Tensor和Numpy之间的转换的实现方法
2020/09/03 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
CSS超出文本指定宽度用省略号代替和文本不换行
2016/05/05 HTML / CSS
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
监理资料员岗位职责
2014/01/03 职场文书
校友会欢迎辞
2014/01/13 职场文书
大型营销活动计划书
2014/04/28 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
个人授权委托书
2014/09/15 职场文书
市场部岗位职责
2015/02/12 职场文书
红歌会主持词
2015/07/02 职场文书
2019请假条的基本格式及范文!
2019/07/05 职场文书