linkButton

Question

<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton><br />
        <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
        </asp:Panel>我想让鼠标进入linkbutton时，panel的visible属性为true,鼠标离开linkbutton时panel的visible属性为false，这个该怎么做？知道的告诉我一下，越详细越好，谢了

Answer 1

PageLoad里面给linkbutton加个事件，不知道行不行attribute.add

Answer 2

<asp:LinkButton ID="LinkButton1" runat="server" onmouseup="test1();" onmouseout="test2()">LinkButton</asp:LinkButton>function test1()[
var obj = document.getElementById(Panel1);
obj.visible = "true"
}
function test1()[
var obj = document.getElementById(Panel1);
obj.visible = "false"
}

Answer 3

<asp:LinkButton ID="LinkButton1" runat="server" onmouseover="document.getElementById('Panel1').style.display ='block';" onmouseout="document.getElementById('Panel1').style.display = 'none'">LinkButton</asp:LinkButton><br /><asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px" style="display:none;">
aaaaaaa
</asp:Panel>

Answer 4

给LinkButton 加两个客户端事件 onmouseover ,onmouseout
可用 LinkButton1.Attributes["onmouseover"]=".." ; 在客户端js脚本中来控制panel的显示/隐藏

Answer 5

这样也没法点击panel里面的内容，我想点击panel里面的内容改怎么办

Answer 6

丰云思路是对的，但是代码好像有点问题，panel 是在html中试解析为div 的，div 是没有visible 这个属性的，所以应该改为下面的代码
function test1(){
var obj = document.getElementById(Panel1);
obj.style.display = "none";
}
function test2(){
var obj = document.getElementById(Panel1);
obj.style.display = "block";
//obj.style.display = "";   这样写也是对的
}
 

Answer 7

晕啦，test1 和 test2 的内容写反了