给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.ashx 高效分页实现代码
Oct 20 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 Javascript
微信小程序 解析网页内容详解及实例
Feb 22 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
JavaScript实现读取与输出XML文件数据的方法示例
Jun 05 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
JavaScript常用事件介绍
Jan 21 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
Vue学习之常用指令实例详解
Jan 06 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
Apr 11 Javascript
Vue props中Object和Array设置默认值操作
Jul 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 date函数参数详解
2006/11/27 PHP
PHP令牌 Token改进版
2008/07/18 PHP
在php和MySql中计算时间差的方法
2011/04/22 PHP
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
PHP中替换键名的简易方法示例详解
2014/01/07 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
详解PHP防止盗链防止迅雷下载的方法
2017/04/26 PHP
jquery 批量上传图片实现代码
2010/01/28 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
javascript实现动态改变层大小的方法
2015/05/14 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
2016/12/08 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
Mac下安装vue
2018/04/11 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
JavaScript常见继承模式实例小结
2019/01/11 Javascript
javascript面向对象三大特征之多态实例详解
2019/07/24 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
jquery实现点击左右按钮切换图片
2021/01/27 jQuery
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
pycharm 解除默认unittest模式的方法
2018/11/30 Python
对web.py设置favicon.ico的方法详解
2018/12/04 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
2019年c语言经典面试题目
2016/08/17 面试题
《母亲的恩情》教学反思
2014/02/13 职场文书
生活小常识广播稿
2014/09/16 职场文书
初婚初育证明范本
2014/11/24 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
健康教育主题班会
2015/08/14 职场文书
数据库之SQL技巧整理案例
2021/07/07 SQL Server
聊聊Python String型列表求最值的问题
2022/01/18 Python
Java设计模式之代理模式
2022/04/22 Java/Android