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

时间:2009-10-12 11:25:48

标签: jquery asp.net-mvc popup

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

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

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

1 个答案:

答案 0 :(得分: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用于创建其泡泡的图像精灵。