📜  ES6-图片地图

📅  最后修改于: 2020-10-25 10:49:57             🧑  作者: Mango


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

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

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

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

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

Using JavaScript Image Map
      
       
    

    
      
HTML Map Perl Tutorial HTML Tutorial PHP Tutorial

成功执行上述代码后,将显示以下输出。通过将鼠标光标放在图像对象上,可以感觉到地图的概念。

影像图