javascript当中MapArea的用法

最新推荐文章于 2025-04-27 09:04:46 发布

转载最新推荐文章于 2025-04-27 09:04:46 发布 · 372 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/mark_to_win/article/details/88668842

文章标签：

#javascript #MapArea #poly #poly

javascript 专栏收录该内容

73 篇文章

订阅专栏

本文详细介绍了HTML中MapArea属性的使用方法，通过实例展示了如何利用不同形状（圆形和矩形）的区域链接到外部资源，同时解释了img元素的usemap属性与map元素的id和name属性之间的关联。

4.MapArea
例 4.1（MapAreaShapeIEFF.html）

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<body>
<img
        src="markWeChat.jpg"
        border="0" usemap="#qixymap"
        />
<map name="qixymap" id="pmap">
    <area
            shape="circle"
            coords="200,50,50"
            href ="us.html"
            target ="_blank"
            alt="us" />
    <area
            shape="rect"
            coords="0,0,100,100"
            href ="rect.html"
            target ="_blank"
            alt="rect" />
</map>
< p>马克-to-win：<b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字