html如何制作形状怪异的热点链接图?

发布于 2022-09-01 17:49:05 字数 257 浏览 14 评论 0

效果类似 智能导诊 http://wy.guahao.com/guide/body
能在PC端和移动端准确定位,
我研究了下代码,并用整站工具把代码下载下来瞅了下,貌似里面的map和各热点都是动态生成的,
也自己试着在DW里面照着图片画热点,但是图片大小改变之后,坐标不变,导致在缩放的图片上热点区域就不对了!

求实现方法~ 或者有更好的方法

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

逆流 2022-09-08 17:49:05

首先不规则的图片:http://hhtravel.com/dest 也可以考虑参考这个的地图

图片描述

其实就是坐标位置不变,那就是用百分比了,无论是图片的位置还是坐标都是百分比,相对父级而言,参考这个:http://lab.tianyizone.com/supermii_find_diff/

图片描述

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文