html中map area 热区自适应的原生js实现方案

2021-01-24 23:12

阅读：717

标签：网页初始化保存直接 ini order 自适应 getattr position

在做自适应网页的时候，如果在图片中使用了热区map。图片可以通过样式实现：图片大小随页面变化，但是MAP中每个area的坐标并不能通过css直接实现自适应。这篇文章就介绍通过原生js来实现：MAP中每个area的坐标也随页面等比例的变化效果。

map area 热区自适应的实现代码

html:

js:

资源网站大全 https://55wd.com 设计导航https://www.wode007.com/favorites/sjdh

大家在实际开发，请参照代码根据直接的需求改进。如果html页面中存在多个图片需要area,请自行封装实现！

html中map area 热区自适应的原生js实现方案

标签：网页初始化保存直接 ini order 自适应 getattr position

原文地址：https://www.cnblogs.com/ypppt/p/13251575.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：html中map area 热区自适应的原生js实现方案
文章链接：http://soscw.com/index.php/essay/46524.html

亲，登录后才可以留言！