📌  相关文章
📜  JavaScript-图片地图

📅  最后修改于: 2020-12-18 05:07:08             🧑  作者: Mango

您可以使用JavaScript创建客户端图像映射。客户端图像映射由标记的usemap属性启用，并由特殊的和扩展标记定义。

将正常使用元素将要形成地图的图像插入到页面中，不同之处在于它带有一个名为usemap的额外属性。 usemap属性的值是您将要遇到的元素上的name属性的值，其后带有井号或井号。

元素实际上为图像创建地图，通常紧随元素之后。它充当元素的容器，这些元素实际上定义了可单击的热点。 元素仅包含一个属性，即name属性，它是标识地图的名称。这是元素知道使用哪个元素的方式。

元素指定形状和坐标，这些形状和坐标定义了每个可单击热点的边界。

当鼠标移到图像的不同部分上时，以下代码将图像映射和JavaScript组合在一起以在文本框中生成一条消息。

现场演示
Using JavaScript Image Map
      
      
   
   
   
      

         
      

      
      
      HTML Map
      
      
         Perl Tutorial
         
         HTML Tutorial
         
         PHP Tutorial

输出

您可以通过将鼠标光标放在图像对象上来感觉地图概念。