给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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
关于图片验证码设计的思考
Jan 29 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
Aug 26 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
Jan 06 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
Jan 16 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 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垃圾回收机制简单说明
2010/07/22 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
表格 隔行换色升级版
2009/11/07 Javascript
jQuery chili图片远处放大插件
2009/11/30 Javascript
jquery $.ajax相关用法分享
2012/03/16 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
2015/08/26 Javascript
jQuery获取checkbox选中的值
2016/01/28 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
分析javascript原型及原型链
2018/03/18 Javascript
详解Puppeteer前端自动化测试实践
2019/02/21 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
php使用递归与迭代实现快速排序示例
2014/01/23 Python
python创建进程fork用法
2015/06/04 Python
Python使用dict.fromkeys()快速生成一个字典示例
2019/04/24 Python
django框架两个使用模板实例
2019/12/11 Python
Python爬虫库BeautifulSoup的介绍与简单使用实例
2020/01/25 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
python名片管理系统开发
2020/06/18 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
仓库门卫岗位职责
2013/12/22 职场文书
暑期研修感言
2014/02/17 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
党员进社区活动总结
2015/05/07 职场文书
生活委员竞选稿
2015/11/21 职场文书
使用nginx动态转换图片大小生成缩略图
2021/03/31 Servers
python中pandas对多列进行分组统计的实现
2021/06/18 Python