使用链接在鼠标悬停时显示弹出窗口

Question

我在asp.net mvc（C＃）应用程序中显示了带有图像的用户列表。

当我点击用户的图像时，我需要显示一个气泡弹出窗口（比如，当我们点击谷歌日历中的事件单元格时）。弹出窗口将包含用户的一些基本信息以及编辑和删除选项。

如何使用jquery在asp.net MVC中实现它？

Answer 1

基本上，你只需要制作其中一个泡泡。使用CSS或作为图像（取决于它需要多么灵活），然后您可以使用jQuery在click上显示和定位

$(".userImage").click(function() {
    var pTop = $(this).offset().top;
    var pLeft = $(this).offset().left;
    $("#bubble").css({
        top: pTop,
        left: pLeft
    }).fadeIn();
});

This是Google用于创建其泡泡的图像精灵。