Question

我在VS 2013中使用asp.net。

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

我一直在玩hovermenuextender来实现这个目标，但我没有得到任何东西，因为它需要一个控件作为目标。无论如何，使用Ajax控件实现这一目标吗？

谢谢

Answer 1

你可以试试这个：

步骤1：使用style =“display：none; position：absolute; top：50％; left：50％;”在html中使用不同的id保留三个弹出窗口。和一个类名弹出窗口。

e.g。

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

第2步：将classname（隐藏div的各个id）提供给用户将悬停的div以及div的parent属性。

e.g。

<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.

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

1 个答案: