我正在尝试在 javascript 中创建一个放大镜应用程序。因此,当我将鼠标悬停在图像上时,该图像的一部分会显示在角落中,并且在现有图像上,会显示一个 div,显示我放大了哪个区域。在此链接上查看我在说什么。不幸的是,那个 div 阻碍了我更新放大图像坐标的 onmousemove 功能,所以我得到了一个滞后的响应......
这个问题有什么解决办法吗?如果有人想看代码,请告诉我...
我正在尝试在 javascript 中创建一个放大镜应用程序。因此,当我将鼠标悬停在图像上时,该图像的一部分会显示在角落中,并且在现有图像上,会显示一个 div,显示我放大了哪个区域。在此链接上查看我在说什么。不幸的是,那个 div 阻碍了我更新放大图像坐标的 onmousemove 功能,所以我得到了一个滞后的响应......
这个问题有什么解决办法吗?如果有人想看代码,请告诉我...
给阻碍 div 这个 CSS:
position: absolute;
top: 0;
left: 0;
z-index: 9999;
将这些属性赋予.info-cd
.
你的问题是你的ajax
电话mouseover
,它一直在发送请求。打开您的页面并在您的控制台中尝试此操作,您会发现它不再滞后:
document.getElementsByTagName('img')[0].onmouseover = function(){return false}
readData();
你仍然有一个闪烁的问题,但它应该不难解决。
至于您的ajax请求,也许在加载时调用它会更安全,或者至少onmouseover
在完成一次后将其删除。