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

在做自适应网页的时候,如果在图片中使用了热区map。图片可以通过样式实现:图片大小随页面变化,但是MAP中每个area的坐标并不能通过css直接实现自适应。这篇文章就介绍通过原生js来实现:MAP中每个area的坐标也随页面等比例的变化效果。 map area 热区自适应的实现代码 html: lt style gt img display:block max width: width: bord ...

2020-07-05 20:33 0 1217 推荐指数:

查看详情

HTML图片map area的用法

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下: <area class=type id ...

Sat Mar 19 01:55:00 CST 2022 0 904
HTML图片map area的用法

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下: shape和coords:是两个主要的参数 ...

Wed Sep 25 01:11:00 CST 2013 1 54753
HTML图片map area的用法

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构 ...

Thu Jun 15 17:47:00 CST 2017 0 5655
Map Area用法

Map标签 map需要配合img标签使用,只有img标签有usemap属性。 usemap指定某个id的mapmap标签内指定多个areaarea需要指定形状和坐标,跳转的url,也可以指定onclick、onmousemove等事件。 DEMO ...

Wed Jan 01 00:45:00 CST 2020 0 902
htmlmap自适应

Map常识 请自己看吧:http://www.w3school.com.cn/tags/tag_map.asp Map自适应 ...

Sun Aug 07 22:39:00 CST 2016 0 1902
原生js移动端字体自适应方案

自从进入新公司之后,就一直采用800的方案,也就是判断屏幕尺寸,大于800px是一种html字体处理方案,另一种方案是小于800px的html字体处理方案, 代码如下: 回来因为新开发业务需要,研究了淘宝二楼移动端的代码,发现他们采用的是另一种自适应方案 ...

Fri Apr 06 01:41:00 CST 2018 0 1092
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM