将鼠标悬停在 div 上时弹出框

Question

我在 VS 2013 中使用 asp.net。

我想在用户将鼠标悬停在 div 上时显示一个弹出窗口。我在页面上有 3 个 div，它们每个都是大约一个正方形。 50x50。当用户将鼠标移到每一个上时，我希望出现一个不同的弹出框。

我一直在使用 hovermenuextender 来实现这一点，但我没有得到任何结果，因为它需要一个控件作为它的目标。有没有用 Ajax 控件来实现这一点？

谢谢

Answer 1

你可以试试这个：

第 1 步：使用 style = "display:none;position:absolute;top:50%;left:50%;" 在 html 中保留三个具有不同 id 的弹出窗口。和一个类名弹出窗口。

例如

<div class="popup" id="1" style = "display:none;position:absolute;top:50%;left:50%;"></div>

第 2 步：为您的 div 提供类名（隐藏 div 的相应 id），用户将在该 div 上悬停，并为您的 div 提供父属性。

例如

<div class="showdiv" parent="1"></div>

第 3 步：现在编写以下代码：

  $(document).ready(function() {

           $('.showdiv').mouseover(function() {

              $(".popup").hide();
              $("'#"+$(this).attr('parent')+"'").show();                       

           });     

  });

    try prop if attr doen't work.