gridview+div的ToopTip效果

来源：互联网发布：js数组indexof去重编辑：程序博客网时间：2024/04/28 06:02

<div id="div_Info" style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; Z-INDEX: 101; LEFT: 128px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 450px; BORDER-BOTTOM: #ffffff 1px solid; POSITION: absolute; TOP: 48px; BACKGROUND-COLOR: #eeeeee; zOrder: 2000;color:red">
aaaaaaaaaaaaaaaaa</div>

主要代码:
绑定事件:
private void l_detailTag_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
　if (e.Item.ItemType!=ListItemType.Header)
{
l_detailTag.Attributes.Add("onmouseover","javascript:ShowTip('"+ strSchemeId +"')");
l_detailTag.Attributes.Add("onmouseout","javascript:HideTip()");
}

JS方法:
<script>
function ShowTip(id)
{
document.body.style.cursor = "wait";
document.getElementById("div_Info").style.visibility = "visible";

var oUrl = "test.aspx?SchemeId="+id+"&RandId="+Math.random();
document.getElementById("ifrm_SlyDtls").src = '';
document.getElementById("ifrm_SlyDtls").src = oUrl;
}
function HideTip()
{
document.body.style.cursor = "";
document.getElementById("div_Info").style.visibility = "hidden";
}
</script>