Javascript 在图像的某一部分悬停时，在其旁边显示一个div_Javascript_Jquery_Css

Javascript 在图像的某一部分悬停时，在其旁边显示一个div

javascript jquery css

Javascript 在图像的某一部分悬停时，在其旁边显示一个div,javascript,jquery,css,Javascript,Jquery,Css,假设我有一个狭隘的形象宽200像素，高900像素如何在图像的某一部分悬停时使div出现在其旁边？在图像上放置一个div，使用位置：绝对和/或z-index:100，并在其上绑定.hover（）事件。在图像上放置一个div，使用位置：绝对和/或z-index:100，并在其上绑定.hover（）事件。获取鼠标位置，获取图像位置，计算差值以计算出您在图像的哪个部分。获取鼠标位置，获取图像位置，计算差值以确定图像的哪个部分已结束。使用来定义图像的区域，可以使用不同的形状，如矩形、圆形和多边形，因此

假设我有一个狭隘的形象

宽200像素，高900像素

如何在图像的某一部分悬停时使div出现在其旁边？

在图像上放置一个div，使用

位置：绝对和/或z-index:100
，并在其上绑定.hover（）
事件。
在图像上放置一个div，使用位置：绝对和/或z-index:100
，并在其上绑定.hover（）
事件。
获取鼠标位置，获取图像位置，计算差值以计算出您在图像的哪个部分。
获取鼠标位置，获取图像位置，计算差值以确定图像的哪个部分已结束。
使用来定义图像的区域，可以使用不同的形状，如矩形、圆形和多边形，因此基本上可以映射任何复杂区域
e、 在下面的示例中，我映射了图像的左、右部分
HTML:
看到它在行动吗
 使用来定义图像的区域，您可以使用不同的形状，如矩形、圆形和多边形，因此基本上您可以映射任何复杂区域
e、 在下面的示例中，我映射了图像的左、右部分
HTML:
看到它在行动吗
 您可以使用CSS定位图像，然后使用jquery.hover（）和.fade（）或.show（）/.hide（）
您可以使用CSS定位图像，然后使用jquery.hover（）和.fade（）或.show（）/.hide（）
您应该检查此插件：

还有演示：

您可能可以使用其中的一些代码。
您应该查看此插件：

还有演示：

您可能可以使用其中的一些代码。。hover（）是方法，其他是可以使用的效果示例。hover（）是方法，其他是可以使用的效果示例。您如何找到协作使用Dreamweaver之类的工具。@sp-1986使用任何简单的图像应用程序，例如paint，gimp大多数显示坐标显示您是否找到坐标使用Dreamweaver之类的工具。@sp-1986使用任何简单的图像应用程序，例如paint，gimp大多数显示坐标
<html><body>
<img src="https://www.google.com/images/srpr/logo3w.png" usemap="gmap"/>

<map name="gmap">
  <area id="left" shape="rect" coords="0,0,135,95"  />
  <area id="right" shape="rect" coords="135,0,275,95"  />
</map>

</body></html>

$('#left').hover(function(){
    alert("left")
})

$('#right').hover(function(){
    alert("right")
})