在mouseover上顯示彈出窗口，並帶有鏈接

Question

我在asp.net mvc（C＃）應用程序中顯示帶有網格圖像的用戶列表。

當我點擊用戶圖片時，我需要顯示一個氣泡彈出窗口（例如，當我們點擊谷歌日曆中的事件單元格時）。彈出窗口將包含用戶的一些基本信息以及編輯和刪除選項。

我怎樣才能實現它在asp.net MVC使用jQuery？

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是像精靈谷歌用來創建自己的泡沫。