分享
 
 
 

怎么给网页中的FLASH动画加超连接,加事件...

王朝other·作者佚名  2006-01-08
窄屏简体版  字體: |||超大  

首先谢谢jnkc

写技术文档是第一次, 没什么经验...

只希望大家能和我一起分享,我的成果.

可能用语方面不是很正规,要兄弟们费神了,

请高手们多多指点............

好了,费话不多说了... 进入正题.

在论坛上面,看到了好多帖子,是关于FLASH的有30%(可能有点夸张..)

是"怎么在网页中插入的Flash上加超连接","如何让Flash接受相应的单击事件等"

这类的问题. FLASH可能是点特殊吧,不能直接用<a></a>来设置超连接...

也不能直接加入事件,所以才有这些问题的出现.

在搜集的相关的资料,加上自己的测试后.终于可以给以上问题个答复了.

我先把研究后的代码贴出来,然后在进行分析.

<div style="z-index:-1"> <!--1.设置FLASH为底层-->

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="115">

<param name="movie" value="media.swf">

<param name="quality" value="high">

<embed src="media.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="115"></embed>

<param name="wmode" value="transparent"> <!--2.必须把FLASH设置为透明-->

</object> </div>

<div id="huiLayer" style="cursor: hand; position:absolute; left:10px; top:10px; width:200px; height:115px; z-index:1; visibility: visible;"><a href="http://www.cnlk.com">

<img src="kong.gif" width="200" height="115" border="0"></a></div>

<!--如果直接加个透明层的话,我试验过了,是不行. 可能高手们有好的办法..-->

<!--3.所以,我在透明层上加了个透明的图片.就是kong.gif 设置超连接.-->

<!--则,kong.gif 在FLASH的上层,点击连接,连到www.cnlk.com..-->

<!--1.2.3. 是标注的重要点-->

首先,我们肯定是要先插入FLASH.因为,Flash默认是最高层.所以,

就会出现Flash把下拉菜单挡住了.

把Flash文件放到一个层中,设为最底层,FLASH设为透明.

<div style="z-index:-1"> <!--1.设置FLASH为底层-->

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="115">

<param name="movie" value="media.swf">

<param name="quality" value="high">

<embed src="media.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="115"></embed>

<param name="wmode" value="transparent"> <!--2.必须把FLASH设置为透明-->

</object> </div>

再接下来,就是在FLASH的层上再加上一层,

Flash本身不能直接加入onclick.等事件,所以,只能借助别的东西啦.

就是在FLASH上加个透明层,

<div id="huiLayer" style="cursor: hand; position:absolute; left:10px; top:10px; width:200px; height:115px; z-index:1; visibility: visible;"><a href="http://www.cnlk.com">

<img src="kong.gif" width="200" height="115" border="0"></a></div>

论坛上面,给了一些解决方法,就是加个透明的层,但是,如果光有个透明层,

还是不能接受事件的. 更确切地说,是一部分可以,一部分不可以,和FLASH部分重叠的那一部分不行.

为什么不行.说实话,我也不清楚,我是试验得出来的...

当我把这个层的背景颜色设为任意一种时,不是透明时,发现.可以接受事件了,在层上加了个

超连接,也可以.. 但是,这还不是我们要的结果.因为,把整个"精美"的FLASH给遮盖了..

所以,有<img src="kong.gif" width="200" height="115" border="0">

我用PhotoShop做了个透明的图片kong.gif 大小都可以,但是必须是透明的!这样

才不至于把底下的FLASH给遮盖住了.

试验了一下... 成功了... 点击FLASH.其实是击中了FLASH上层的透明图片kong.gif

图片,就可以接受很多事件啦,onclick , onmouseover ,onmosueout ......

给图片加个<a></a>超连接是再简单不过的事啦..

这时,以上的问题是不是都解决了,把事件都给kong.gif接受!

单击事件, <div onclick="ok()" id="huiLayer" ...........

源程序下载 http://www.cnlk.com/wang/flashok.rar

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有