点击5个热点会显示一条消息

时间:2017-05-03 13:33:58

标签: html hyperlink

我基本上有一个图像,上面有5个热点链接。我想要一种能够表现出色的做法的方法。单击全部五个按钮。我已经查看了Stack,但没有发现任何可以执行此操作的内容。有一个简单的条件方式来做到这一点?上次我这样做是在闪存中,这很简单,但所有编码知识现在都是多余的,我必须重新开始:(

<img src="/park.jpg" width="760" height="500" usemap="#Map" border="0" />
   <map name="Map" id="Map">
   <area shape="rect" coords="40,39,147,95" href="#" />
   <area shape="rect" coords="383,66,534,129" href="#" />
   <area shape="rect" coords="71,209,218,276" href="#" />
   <area shape="rect" coords="460,224,626,282" href="#" />
   <area shape="rect" coords="136,326,511,431" href="#" />
   </map>

2 个答案:

答案 0 :(得分:0)

您可以使用JavaScript - 对于您的每个区域,您可以调用一个设置变量的函数来指示该区域已被点击(可能发送一个区域&#34; id&#34;以区分不同的领域)。这可以通过href attribte on区域来完成,使用javascript:前缀来调用已知的函数名称(具有可能的值)。

在事件处理程序中,您还将测试所有区域以查看它们是否已被单击(即已单击其关联变量),如果是,则显示成功按钮。

答案 1 :(得分:0)

你需要javascript / jquery。这是jquery的一个小例子。

Jquery的:

compile 'com.google.firebase:firebase-auth:10.2.1'
compile 'com.google.android.gms:play-services-auth:10.2.1'
compile 'com.google.firebase:firebase-database:10.2.1'