0

我正在尝试在 javascript 中创建一个放大镜应用程序。因此,当我将鼠标悬停在图像上时,该图像的一部分会显示在角落中,并且在现有图像上,会显示一个 div,显示我放大了哪个区域。在此链接上查看我在说什么。不幸的是,那个 div 阻碍了我更新放大图像坐标的 onmousemove 功能,所以我得到了一个滞后的响应......

这个问题有什么解决办法吗?如果有人想看代码,请告诉我...

4

2 回答 2

0

给阻碍 div 这个 CSS:

position: absolute;
top: 0;
left: 0;
z-index: 9999;

将这些属性赋予.info-cd.

于 2015-07-07T13:40:07.797 回答
0

你的问题是你的ajax电话mouseover,它一直在发送请求。打开您的页面并在您的控制台中尝试此操作,您会发现它不再滞后:

document.getElementsByTagName('img')[0].onmouseover = function(){return false}
readData();

你仍然有一个闪烁的问题,但它应该不难解决。

至于您的ajax请求,也许在加载时调用它会更安全,或者至少onmouseover在完成一次后将其删除。

于 2015-07-07T14:24:47.670 回答