给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 相关文章推荐
js cookies实现简单统计访问次数
Nov 24 Javascript
指定位置如果有图片显示图片,无图片显示广告的JS
Jun 05 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
在JavaScript中使用timer示例
May 08 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
js的touch事件的实际引用
Oct 13 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
Layui 动态禁止select下拉的例子
Sep 03 Javascript
js实现小星星游戏
Mar 23 Javascript
vue iview实现动态新增和删除
Jun 17 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实时显示输出
2008/10/02 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
javascript 打印页面代码
2009/03/24 Javascript
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
get(0).tagName获得作用标签示例代码
2014/10/08 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
理解JavaScript事件对象
2016/01/25 Javascript
javascript拖拽效果延伸学习
2016/04/04 Javascript
如何使用AngularJs打造权限管理系统【简易型】
2016/05/09 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
用Django写天气预报查询网站
2018/10/21 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
CSS3径向渐变之大鱼吃小鱼之孤单的大鱼
2016/04/26 HTML / CSS
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
Orlebar Brown官网:设计师泳裤和泳装
2020/12/08 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
市场营销专业个人自荐信格式
2013/09/21 职场文书
学期自我鉴定范文
2013/10/01 职场文书
公司委托书范本
2014/04/04 职场文书
2014年综治宣传月活动总结
2014/04/28 职场文书
中学学校门卫岗位职责
2014/08/15 职场文书
革命英雄事迹演讲稿
2014/09/13 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
公司慰问信范文
2015/03/23 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
环保证明
2015/06/23 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
Golang 并发编程 SingleFlight模式
2022/04/26 Golang