Javascript 当鼠标悬停在HTML表格单元格上时，我有哪些选项可以弹出日期列表？

我有一个拥有ASP.NET MVC 2应用程序的客户端。其中一个视图包含一个具有“最新操作日期”列的表。当鼠标悬停在该列上时，他们希望在弹出面板（或类似面板）中显示所有操作日期的列表

通常要显示0到5个日期

似乎这将涉及Javascript。如果是这样的话，我希望它不引人注目

有人知道解决这个问题的灵巧方法吗？例如，有没有做得很好的组件？或者任何类似的网站，我可以看看灵感？例如，当将鼠标悬停在StackOverflow上的标记上时，类似于弹出窗口的内容

---

我热衷于提高我的Javascript UI技能，因此很乐意花自己的一些时间使用UI工具包——即使对于这样的小任务来说，学习曲线通常是令人望而却步的。

您可以使用jQuery来实现这一点。一个简单的解决方案是在列中附加一个悬停事件，并通过AJAX加载操作日期，显示在弹出面板中。一个简单的例子：

$(document).ready(function(){
  $("#yourcolumnid").hover(
    function() {
      $.ajax({
        type: "POST",
        url: "URL",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: "{'PARAMETER':'VALUE'}",
        success: function(result) {
          $(document).append("<div id='alldates' class='CssForPopup'>" + result.d + "</div>");
        }
      });
    },
    function() {
      $("#alldates").remove();
    }
  );
});

$（文档）.ready（函数（）{
$（“#yourcolumnid”）。悬停(
函数（）{
$.ajax({
类型：“POST”，
url:“url”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
数据：“{'PARAMETER'：'VALUE'}”，
成功：功能（结果）{
$（document.append（“+result.d+”）；
}
});
},
函数（）{
$（“#所有日期”）.remove（）；
}
);
});

当然，这个解决方案是不引人注目的，您可以将其全部放在一个.js文件中，并将其附加到您想要使用它的页面上