如何在图像中准确获取点的位置,而不会在其他设备中更改
How to get exactly position of the point in the image and not change in the other device
我这里有一个图像地图而不是谷歌地图,我的图像地图
我如何解开此图像中红点的位置,然后我编写代码 jquery 以将鼠标悬停在此点上并显示弹出消息。在电脑上还可以,但是当我更改为在移动设备中查看时,它也改变了点的位置。请让我知道如何准确设置红点的位置,并且不会在手机或平板电脑中改变位置。这是我的代码jquery,用于获取点的位置
$(document).ready(function() {
$("#test").click(function(e) {
var offset = $(this).offset();
var relativeX = (e.pageX - offset.left);
var relativeY = (e.pageY - offset.top);
alert('X: ' + relativeX + ', Y: ' + relativeY);
$(".position").val("afaf");
});
});
使用 jquery,我们可以使将鼠标悬停在某个元素上时,会出现一个曾经不可见的元素,一旦鼠标移开,它就会消失。下面的代码应该会把你带到正确的方向。
https://jsfiddle.net/07q6pLfj/1/
<div>
<p>This is an element which does not change when you hover over it.</p>
<div class="hover"><div class="popup">
This is text which pops up when you hover
</div>
When you hover over this a popup shows.
</div>
.popup {
display:none;
position:absolute;
background-color: red;
width:400px;
height:400px;
margin-top: 30px;
}
$(".hover").mouseover(function() {
$(this).children(".popup").show();
}).mouseout(function() {
$(this).children(".popup").hide();
});
相关文章:
- 在其他图像下使用javascript将图像插入html
- 如何使用幻灯片显示其他图像
- 当使用MouseEvent将图像更改为其他图像时,如何避免闪烁
- 运行fancybox thumb时隐藏其他图像
- 使用javascript中的if和else语句来显示图像(如果图像不存在,则显示其他图像)
- 如果当前图像加载缓慢,如何加载其他图像
- Chrome壁纸API适用于某些图像,不适用于其他图像,没有明显的原因
- 将“图像另存为”链接到其他图像
- 删除其他图像后保留图像
- 单击图像,隐藏其他图像并使用JQUERY对图像滑动进行动画处理
- jQuery + CSS,在悬停时删除其他图像,并具有类似淡入淡出的过渡
- 我想在单击图像时显示一些文本,并在单击图像或任何其他图像时将其隐藏
- 在特定日期将基本图像替换为其他图像.可能
- 单击时更改图像,保留图像并在单击其他图像时删除
- Javascript 在单击其他图像时禁用可单击的图像
- 已经为单个图像创建了点击效果,但希望其他图像具有相同的效果
- 如何限制xml文件中显示的12个图像,并自动为其他图像创建页面
- 需要有关所选图像背景颜色的帮助.并将背景去除到所选择的其他图像
- 将HTML中的现有链接环绕在其他图像上
- 用其他图像替换所有图像