给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 相关文章推荐
javascript cookies 设置、读取、删除实例代码
Apr 12 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
javascript的数组和常用函数详解
May 09 Javascript
JavaScript原生节点操作小结
Jan 17 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
React-router中结合webpack实现按需加载实例
May 25 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
video.js 实现视频只能后退不能快进的思路详解
Aug 09 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
vue改变循环遍历后的数据实例
Nov 07 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中将网页导出为Word文档的代码
2012/05/25 PHP
php 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
分享3个php获取日历的函数
2015/09/25 PHP
收集json解析的四种方法分享
2014/01/17 Javascript
js 中将多个逗号替换为一个逗号的代码
2014/06/07 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
JS中setTimeout和setInterval的最大延时值详解
2017/02/13 Javascript
小发现之浅谈location.search与location.hash的问题
2017/06/23 Javascript
js实现可以点击收缩或张开的悬浮窗
2017/09/18 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
linux 下以二进制的方式安装 nodejs
2020/02/12 NodeJs
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
2020/04/15 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
Python网络编程详解
2017/10/31 Python
详解pandas中MultiIndex和对象实际索引不一致问题
2019/07/23 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
python安装dlib库报错问题及解决方法
2020/03/16 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
python中用ctypes模拟点击的实例讲解
2020/11/26 Python
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
意大利在线药房:shop-farmacia.it
2019/03/12 全球购物
颇特女士香港官网:NET-A-PORTER香港
2021/03/08 全球购物
出纳员岗位职责
2014/03/13 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
综合素质评价个性与发展自我评价
2015/03/06 职场文书
新教师教学工作总结
2015/08/12 职场文书
Python实现聚类K-means算法详解
2022/07/15 Python