静态地图上放图标2,图片添加热点

在图片上添加热点

代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<img src="img/背景2.jpg" alt="" width="984" height="945" usemap="#Map"></img>
<map name="Map">
  <area shape="rect" coords="339,218,443,255" href="https://www.baidu.com" target="_blank" title="百度(纳斯达克:BIDU),全球最大的中文搜索引擎、最大的中文网站。">
  <area shape="rect" coords="203,520,303,559" href="https://www.jd.com" target="_blank" title="京东JD.COM-专业的综合网上购物商城,销售超数万品牌、4020万种商品">
  <area shape="rect" coords="653,517,755,561" href="http://www.qq.com" target="_blank" title="深圳市腾讯计算机系统有限公司成立于1998年11月">
</map>
</body>
</html>

1、首先通过ph给图片添加按钮

2、通过dw为图片添加热点


3、选择图片属性


4、选择热点画到图片上


5、效果图,此时图片上的按钮位置已经有了a标签了,可以自行处理了。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值