I would suggest you to use the jQuery UI Dialog. The jQuery Dialog has a rich UI and it can be customizable. You can display the jQuery Dialog on hover of the link button and load the content of the dialog through ajax.
Bind hover events on link button:
private void OnItemDataBound(object sender,
System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if(e.Item.ItemType == Listitemtype.Item || e.Item.ItemType == Listitemtype.AlternateItem )
{
LinkButton Img = (LinkButton)e.item.FindControl("lnkButton");
lnkButton.Attributes.Add("onmouseover","OpenDialog");
lnkButton.Attributes.Add("onmouseout","CloseDialog");
}
}
Javascript methods:
function OpenDialog() {
$(".chartPanel").dialog({
autoOpen: false,
open: function() {
}
});
}
function CloseDialog()
{
$(".chartPanel").dialog("close");
}
You can refer the link below of loading the content inside jQuery Dialog through Ajax.
http://www.christopherchin.com/blog/index.cfm/2009/3/19/jQuery--ajax-dialog--load-external-content[
^]