给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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
JS动态创建DOM元素的方法
Jun 09 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
Sep 24 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
jquery广告无缝轮播实例
Jan 05 Javascript
vue awesome swiper异步加载数据出现的bug问题
Jul 03 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
Apr 01 Javascript
基于javascript实现贪吃蛇经典小游戏
Apr 10 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
Win2000+Apache+MySql+PHP4+PERL安装使用小结
2006/10/09 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
JS定时刷新页面及跳转页面的方法
2013/07/04 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
2015/12/03 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
python去掉字符串中重复字符的方法
2014/02/27 Python
Python操作mysql数据库实现增删查改功能的方法
2018/01/15 Python
Python实现的文轩网爬虫完整示例
2019/05/16 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
Python时间差中seconds和total_seconds的区别详解
2019/12/26 Python
利用python实现逐步回归
2020/02/24 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
古驰英国官网:GUCCI英国
2020/03/07 全球购物
物理专业大学生职业生涯规划书
2014/02/07 职场文书
趣味运动会简讯
2015/07/20 职场文书
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
深入浅析React中diff算法
2021/05/19 Javascript
Java内存模型之happens-before概念详解
2021/06/13 Java/Android