.aspx中添加一个javascript函数:
<script language=javascript>
function ShowHide(id)
{
document.getElementById("panel1").style.visibility="hidden";
document.getElementById("panel2").style.visibility="hidden";
document.getElementById("panel3").style.visibility="hidden"; if (id != "")
{
document.getElementById(id).style.visibility="visible";
}
}在.aspx.cs的Page_Load中:
Label1.Attributes["onMouseOver"] = "ShowHide('panel1')";
Label1.Attributes["onMouseOut"] = "ShowHide('')";
Label2.Attributes["onMouseOver"] = "ShowHide('panel2')";
Label2.Attributes["onMouseOut"] = "ShowHide('')";
Label3.Attributes["onMouseOver"] = "ShowHide('panel3')";
Label3.Attributes["onMouseOut"] = "ShowHide('')";
<script language=javascript>
function ShowHide(id)
{
document.getElementById("panel1").style.visibility="hidden";
document.getElementById("panel2").style.visibility="hidden";
document.getElementById("panel3").style.visibility="hidden"; if (id != "")
{
document.getElementById(id).style.visibility="visible";
}
}在.aspx.cs的Page_Load中:
Label1.Attributes["onMouseOver"] = "ShowHide('panel1')";
Label1.Attributes["onMouseOut"] = "ShowHide('')";
Label2.Attributes["onMouseOver"] = "ShowHide('panel2')";
Label2.Attributes["onMouseOut"] = "ShowHide('')";
Label3.Attributes["onMouseOver"] = "ShowHide('panel3')";
Label3.Attributes["onMouseOut"] = "ShowHide('')";
function ShowHide(id)
{
document.getElementById("panel1").style.visibility="hidden";
document.getElementById("panel2").style.visibility="hidden";
document.getElementById("panel3").style.visibility="hidden"; if (id != "")
{
document.getElementById(id).style.visibility="visible";
}
}
<p id="p01" style="VISIBILITY: hidden">aaa</p>
<p id="p02" style="VISIBILITY: hidden">bbb</p>
<p id="p03" style="VISIBILITY: hidden">ccc</p>
<label onmouseover="javascript:ShowHide('p01')">aaa</label>
<label onmouseover="javascript:ShowHide('p02')">bbb</label>
<label onmouseover="javascript:ShowHide('p03')">ccc</label>
function ShowHide(id)
{
document.getElementById("panel1").style.visibility="hidden";
document.getElementById("panel2").style.visibility="hidden";
document.getElementById("panel3").style.visibility="hidden"; if (id != "")
{
document.getElementById(id).style.visibility="visible";
}
}
</script><p id="p01" style="VISIBILITY: hidden">aaa</p>
<p id="p02" style="VISIBILITY: hidden">bbb</p>
<p id="p03" style="VISIBILITY: hidden">ccc</p>
<label onmouseover="javascript:ShowHide('p01')">aaa</label>
<label onmouseover="javascript:ShowHide('p02')">bbb</label>
<label onmouseover="javascript:ShowHide('p03')">ccc</label>
<script language=javascript>
function ShowHide(id)
{
document.getElementById("panel1").style.visibility="hidden";
document.getElementById("panel2").style.visibility="hidden";
document.getElementById("panel3").style.visibility="hidden"; if (id != "")
{
document.getElementById(id).style.visibility="visible";
}
}
</script><p id="p01" style="VISIBILITY: hidden">aaa</p>
<p id="p02" style="VISIBILITY: hidden">bbb</p>
<p id="p03" style="VISIBILITY: hidden">ccc</p>
<label onmouseover="javascript:ShowHide('p01')" onmouseout="javascript:ShowHide('')">aaa</label>
<label onmouseover="javascript:ShowHide('p02')" onmouseout="javascript:ShowHide('')">bbb</label>
<label onmouseover="javascript:ShowHide('p03')" onmouseout="javascript:ShowHide('')">ccc</label>
{
document.getElementById("p01").style.visibility="visible";
document.getElementById("p02").style.visibility="hidden";
document.getElementById("p03").style.visibility="hidden";
}
function ShowP02()
{
document.getElementById("p01").style.visibility="hidden";
document.getElementById("p02").style.visibility="visible";
document.getElementById("p03").style.visibility="hidden";
}
function ShowP03()
{
document.getElementById("p01").style.visibility="hidden";
document.getElementById("p02").style.visibility="hidden";
document.getElementById("p03").style.visibility="visible";
}
</script> <body MS_POSITIONING="GridLayout">
<form id="JavaScript" method="post" runat="server">
<p id="p01" style="VISIBILITY: hidden">aaa</p>
<p id="p02" style="VISIBILITY: hidden">bbb</p>
<p id="p03" style="VISIBILITY: hidden">ccc</p>
<label onmouseover="javascript:ShowP01()">aaa</label>
<label onmouseover="javascript:ShowP02()">bbb</label>
<label onmouseover="javascript:ShowP03()">ccc</label>
</form>
</body>