给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的智能提示插件一枚
Feb 18 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
Sep 24 Javascript
JS实现移动端实时监听输入框变化的实例代码
Apr 12 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
一个简单的弹性返回顶部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
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
一个简单至极的PHP缓存类代码
2015/10/23 PHP
ThinkPHP中调用PHPExcel的实现代码
2017/04/08 PHP
PDO::errorCode讲解
2019/01/28 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
jQuery Ajax之load()方法
2009/10/12 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
浅析Javascript中“==”与“===”的区别
2014/12/23 Javascript
扒一扒JavaScript 预解释
2015/01/28 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
BootStrap表单时间选择器详解
2017/05/09 Javascript
angular中实现li或者某个元素点击变色的两种方法
2017/07/27 Javascript
JS实现的DOM插入节点操作示例
2018/04/04 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
2020/02/12 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
python简单猜数游戏实例
2015/07/09 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例
2020/02/27 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
Python实现石头剪刀布游戏
2021/01/20 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
机械专业应届生求职信
2013/12/12 职场文书
电子工程专业毕业生求职信
2014/03/14 职场文书
幼儿园植树节活动总结
2014/07/04 职场文书
2014年乡镇团委工作总结
2014/12/18 职场文书
高一军训口号
2015/12/25 职场文书
Android实现图片九宫格
2022/06/28 Java/Android