html热点位置不低,热点图页面缩放不改变位置

文章时间：2019年5月29日 23:42:02

解决问题：热点图随着页面的缩放比例而不改变其所在的位置

推荐画图工具：Adobe Dreamweaver CC

头部我们需要3个东西，请直接复制即可

直接复制这段代码然后用设计模式画图就行了。

任意地方加这段js代码。

$("img[usemap]").each(function () {

var img = $(this);

var newImg = new Image();

newImg.onload = function () {

$("map[name=" + img.attr("usemap").replace(/#/, "") + "] area").each(function () {

var val = $(this).attr("coords").split(",");

for (var i in val) {

val[i] = parseInt(parseInt(val[i]) * img.width() / newImg.width);

newImg.width;

}

$(this).attr("coords", val.join(","));

})

};

newImg.src = img.attr("src");

});

全部完整版代码如下：(可直接复制使用)

页面标题

$("img[usemap]").each(function () {

var img = $(this);

var newImg = new Image();

newImg.onload = function () {

$("map[name=" + img.attr("usemap").replace(/#/, "") + "] area").each(function () {

var val = $(this).attr("coords").split(",");

for (var i in val) {

val[i] = parseInt(parseInt(val[i]) * img.width() / newImg.width);

newImg.width;

}

$(this).attr("coords", val.join(","));

})

};

newImg.src = img.attr("src");

});

html热点位置不低,热点图页面缩放不改变位置相关推荐

matlab对话框可以改变位置_正压送风口安装好后可以随意改变位置吗？
答案是:不可以. 为了更好地实现正压送风口的效果,我们的正压送风系统在建筑的每一层都设置了送风口.这样做,可以更好地避免正压空气通过打开位置输送令人满意的新鲜空气,同时楼梯门会丢失,从而更好地保证各 ...
鲜果网热点改版，增加热点专题
涂雅导读: 最近鲜果的在线阅读器常常出现一些问题,比如是更新不及时,主要的原因是鲜果正在改版,只有在会员登录之后才会出现新片的热点,看一下新版和旧版有什么区别吧. 全文: 常用鲜果阅读器的细心用户可能 ...
win7怎么开热点(win7怎么开热点)
无线热点win7热点怎么建立点右下角,然后建立连接 win7wlan热点密码忘了怎么?win7wlan热点密码忘了怎 : netsh wlan set hostednetwork key=12345 ...
Win7通过无线网卡共享本地网络，开启WiFi热点以及关闭WiFi热点
Win7通过WiFi共享本地网络,开启WiFi热点以及关闭WiFi热点 Windows10上开启热点十分方便,只要通过"设置 -> 网络和internet -> 移动热点&quo ...
win7台式计算机怎么连热点,win7热点怎么设置 win7热点设置的具体方法介绍
随着社会的不断发展,电脑已经走进了亿万家庭之中,这几年电脑的发展非常快,尤其是笔记本电脑 ,大家知道吧,现在的笔记本电脑可以像智能手机一样进行WiFi连接了,也可以设置热点,估计大多数的人不知道这一 ...
根据K线图与移动平均线的位置决定卖出点五绝招
根据K线图与移动平均线的位置决定卖出点卖出信号一此信号具有以下特征: 1.移动平均线呈大幅度上升趋势. 2.经过一段上升后,移动平均线开始走平. 3.当股价由上而下跌破走平的移动平均线时,便是卖出信 ...
使用CSS实现低保真图文本
最近在学网页前端,想试着实现低保真图下的那种伪文本,然后我试着去实现了一下. 首先在HTML里面写下以下文本  <div class = "colri ...
js控制页面滚动到指定位置，js中scrollIntoView()的用法
js中scrillIntoView()的用法--页面滚动到指定位置最近遇到一个问题,在一个页面上,点击某个按钮时,滚动到页面的某一位置. 如图: 如果是我写的话,我可能会先获取滚动到的元素,然后获取 ...
HQChart使用教程1- 如何快速创建一个K线图页面
快速创建一个K线图页面 HQChart介绍 demo页面代码 Option的配置项说明 Type Symbol IsAutoUpdate IsShowRightMenu IsShowCorssCurs ...
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(分组颜色配置、位置配置)实战
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(分组颜色配置.位置配置)实战目录

html热点位置不低,热点图页面缩放不改变位置

html热点位置不低,热点图页面缩放不改变位置相关推荐

最新文章

热门文章

html热点 位置不低,热点图 页面缩放不改变位置

html热点 位置不低,热点图 页面缩放不改变位置相关推荐

最新文章

热门文章

html热点位置不低,热点图页面缩放不改变位置

html热点位置不低,热点图页面缩放不改变位置相关推荐