`
sngg_yang
  • 浏览: 32361 次
  • 来自: ...
文章分类
社区版块
存档分类
最新评论

怎么给网页中的Flash上加超连接

阅读更多
首先,我们肯定是要先插入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" ...........

分享到:
评论

相关推荐

    为FLASH添加超链接

    在网页设计中,Flash曾是展示动态内容和交互体验的重要工具。尽管现代Web技术更倾向于使用HTML5,但在一些老项目或特定需求下,我们仍可能需要处理Flash内容。"为FLASH添加超链接"这个话题就是针对这种情况,尤其是...

    给Flash加一个超链接(推荐使用透明层)兼容主流浏览器.docx

    本文主要介绍一种通过透明层实现Flash超链接的方法,确保在主流浏览器中的兼容性。 首先,我们需要将Flash文件放置在一个层(div)中,并设置该层为最底层,同时将Flash的wmode参数设置为"transparent",以实现透明...

    给Flash加一个超链接(推荐使用透明层)兼容主流浏览器

    在网页设计中,有时我们需要给Flash对象添加超链接,以便用户点击Flash时可以跳转到其他页面。然而,由于Flash的特性,直接在Flash外部套用超链接往往无法实现预期的效果。这是因为Flash默认会置于页面的最高层,这...

    flash使用flexpaperviewer.swf网页PDF文档

    标题中的“flash使用flexpaperviewer.swf网页PDF文档”指的是在Web页面上通过Flash技术展示PDF文档的一种方法。FlexPaperViewer是一个基于Flash的开源组件,它允许开发者在网页中嵌入PDF阅读器,使得用户可以在不...

    金鹰asp超速入门视频教程-110.图片给图添加超链接.rar

    图片给图添加超链接.rar"是一个针对初学者的ASP教程,专门讲解如何在网页上给图片添加超链接,这是网页设计中常见的功能,可以引导用户点击图片跳转到其他页面。 在ASP中,我们通常使用HTML元素配合服务器端脚本来...

    中文版Dreamweaver+Flash+Photoshop网页制作三合一教程

    Flash则是曾经流行的动画和交互设计工具,尽管在现代网页设计中已经不那么常见,但其在动态内容和游戏制作方面的优势依然不可忽视。通过Flash,你可以创建矢量图形动画,实现丰富的用户交互。教程将教你如何绘制图形...

    网页制作课件,教程,dreamwerver ,flash

    学习Dreamweaver,你将了解如何布局网页、添加图像和多媒体、创建超链接,以及如何使用模板和库来提高工作效率。 Flash,虽然在现代网页设计中已经逐渐被HTML5取代,但曾经是动态内容和交互式动画的首选工具。它...

    第5讲超链接及多媒体共39页.pdf.zip

    【标题】"第5讲超链接及多媒体"涵盖了网络...超链接使我们能够在网络世界中自由穿梭,而多媒体则让网页变得丰富多彩。了解并掌握这些技术对于网页开发人员来说至关重要,它们能帮助创建出更具吸引力和功能性的网站。

    网页设计 毕业设计

    本毕业设计旨在深入探讨如何将Flash、超链接等多种元素有效地融合到网页设计中,提升网页的互动性和吸引力。 首先,我们要理解网页设计的基础,包括HTML(超文本标记语言)和CSS(层叠样式表)。HTML是构建网页内容...

    Flash动画制作期末模拟试题.pdf

    在 Flash 中,可以添加超链接,例如,给横排文本添加超链接,要求浏览者单击广告,在新窗中打开链接目标为 www.zzjjf.com 的网页。那么,下面操作正确的是?答案是 B. 在文本属性面板的“ 超链接地址” 框中输入 ...

    大学生网页设计+完整网页代码+完整实验报告+5份实验报告和5份网页代码(完整版)

    完整的简单网页设计制作和完整的实验报告:可以自己稍微改一下,就可以提交了。完整前端网页代码+完整实验报告 ...掌握网页元素的添加与处理、网页中的超链接、网页的布局、表单的使用等网页设计与制作方法。

    网站建设文字及图片超链接代码.docx

    在网站建设中,超链接是非常重要的一部分,它可以连接到其他网页、网站、图片、音乐、视频等资源,从而丰富网站的内容和功能。以下是网站建设文字及图片超链接代码的知识点总结: 一、文字超链接代码 1. 最简单的...

    在PPT中插入Flash动画四种方法.docx

    - 在弹出的“插入超链接”对话框中,选择“现有文件或网页”,点击“文件”按钮,找到并选择Flash动画文件,点击“确定”。 2. **注意事项**: - 适用于对操作不太熟悉的用户。 - 超链接的对象应与Flash动画内容...

    网页制作测试题.docx

    网页制作测试题涵盖了网页设计、 Dreamweaver MX 软件操作、HTML 语言、CSS 样式、 FLASH 按钮超链接、时间轴和层实现走马灯效果、库的建立和应用、超链接的设置、表格的操作、图片的上传和管理等多个方面的知识点。...

    扬州美食美景HTML网页+实验报告(完整版)

    有五个HTML网页;有视频页面;有ps图片设计;有falsh文件;有完整的实验报告;仅作为网页设计课程实验报告参考。 完整的简单网页设计制作和完整的...掌握网页元素的添加与处理、网页中的超链接、网页的布局、表单的使

    平抛运动飞机投弹flashPPT课件.pptx

    需要注意的是,flash技术在网页上的应用存在一定的限制。例如,在某些浏览器中,flash内容可能无法正常播放。因此,在网页上使用flash技术时,需要考虑到这些限制。 5. PPT课件的制作技巧 在制作PPT课件时,需要...

    flash读取新闻(在别人的上面加了链接和换行)

    标题中的“flash读取新闻(在别人的上面加了链接和换行)”指的是使用Adobe Flash技术来动态地从服务器获取并显示新闻内容,同时在原有的新闻基础上添加了超链接和换行处理,以提高用户体验。这涉及到几个关键知识点...

    网页设计考试试题及试题答案详解(笔试和上机,基础班)

    超链接是网页设计中的一种重要元素,用于连接不同网页或网页中的不同部分。超链接可以是文本链接或图像链接。在超链接中,需要注意锚点的定义和使用,以便在单击超链接时跳转到锚点定义的位置。 Dreamweaver 网页...

    韩山师范学院大一计算机考试题库网页制作的试题.pdf

    1. 超链接是网页中的基本元素,能够将用户导航到其他网页或资源。 2. 文件传输协议(FTP)是一种用于传输文件的协议,常用于上传和下载网页文件。 七、其他知识点 1. 信息发布中对一般企业最经济的方案是虚拟主机...

    重庆景点及美食HTML网页代码+实验报告(完整版)

    有五个HTML网页;有视频页面;有ps图片设计;有falsh文件;有完整的实验报告;仅作为网页设计课程实验报告参考。 完整的简单网页设计制作和完整的...掌握网页元素的添加与处理、网页中的超链接、网页的布局、表单的使

Global site tag (gtag.js) - Google Analytics