map标签做图像映射

最新推荐文章于 2022-04-13 21:56:54 发布

abc33445

最新推荐文章于 2022-04-13 21:56:54 发布

阅读量122

点赞数

原文链接：http://www.cnblogs.com/huzhazha/p/7061092.html

版权

map标签做图像映射

先贴代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>map标签实现图片映射</title>
</head>
<body>
    <img src="fortoone.jpg" alt="4合1" usemap="fortoone">
    <!-- 这里同时使用id和name指定相同的值，是因为不同的浏览器对其支持不同，为了兼容性设置两个属性 -->
    <map name="fortoone" id="fortoone">
        <!-- coords属性指定形状，常用的有rect（矩形）、circle（圆形），herf表示点击之后转到的路径 
        a、矩形需要指定左上角和右下角坐标
        b、圆形需要指定圆心和半径
        c、多边形需要依次指定多个顶点的坐标
        -->
        <area shape="rect" coords="0,0,248,248" href="atmsmoke.jpg">
        <area shape="rect" coords="248,0,497,248" href="ddmsmoke.jpg">
        <area shape="circle" coords="124,372,124" href="mfsnsmoke.jpg">
        <area shape="circle" coords="372,372,124" href="rzsgsmoke.jpg">
    </map>
</body>
</html>

转载于:https://www.cnblogs.com/huzhazha/p/7061092.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

abc33445

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
map标签做图像映射

map标签做图像映射先贴代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>map标签实现图片映射</title></head><body> <img src="...
复制链接

扫一扫