62,046
社区成员
发帖
与我相关
我的任务
分享新手上路，各位老师请指教
一个页面上有Button1,Button2,Panel1，Panel2，启动页面的时候有一个Panel1显示，Panel2不显示
当鼠标移动到Button1时，Panel1.Visible = true;Panel2.Visible = false;
当鼠标移动到Button2时，Panel2.Visible = true;Panel1.Visible = false;
小弟是新手刚刚学.net想好好和各位大大学习，请说清楚点，急急急
当鼠标移动到Button1时，Panel1.Visible = true;Panel2.Visible = false;
当鼠标移动到Button2时，Panel2.Visible = true;Panel1.Visible = false;
小弟是新手刚刚学.net想好好和各位大大学习，请说清楚点，急急急
...全文
请发表友善的回复…
发表回复
消瘦的锁骨浩 2007-10-24
- 打赏
- 举报
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function over(obj)
{
var s=obj.id;
document.getElementById("panel"+s).style.display="block";
}
function out(obj)
{
var s=obj.id;
document.getElementById("panel"+s).style.display="none";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="button" id="1" value="Button1" onmouseover="over(this);"
onmouseout="out(this);" />
<input type="button" id="2" value="Button2" onmouseover="over(this);"
onmouseout="out(this);" />
<br />
<br />
<br />
<asp:Panel ID="panel1" runat="server" >
panel1
</asp:Panel>
<br />
<br />
<asp:Panel ID="panel2" runat="server" style="display:none ">
panel2
</asp:Panel>
<br />
</form>
</body>
</html>
yuhe7919 2007-10-24
- 打赏
- 举报
启动页面的时候有一个Panel1显示，Panel2不显示
用Panel也可以，不过asp.net2.0中有个控件MultiView很好用，你可以试试！
你要的效果得用CSS来实现！
用Panel也可以，不过asp.net2.0中有个控件MultiView很好用，你可以试试！
你要的效果得用CSS来实现！
getnetrmb 2007-10-24
- 打赏
- 举报
我要收藏起来！ ！ ！ 谢谢
zzlb0224 2007-10-24
- 打赏
- 举报
感觉用DIV不错
liuyun1987 2007-10-24
- 打赏
- 举报
更正：
<div>
<asp:Panel ID="panel1" runat="server" > aaaaaa</asp:Panel>
<asp:Panel ID="panel2" runat="server" CssClass="panel" >bbbb</asp:Panel>
</div>
<div>
<asp:Panel ID="panel1" runat="server" > aaaaaa</asp:Panel>
<asp:Panel ID="panel2" runat="server" CssClass="panel" >bbbb</asp:Panel>
</div>
xeppp 2007-10-24
- 打赏
- 举报
在button1上 加上 onmouseover= "PanelN.Visible = 'true'"
onmouseout = "PanelN.Visible = 'false'"
看看效果吧
onmouseout = "PanelN.Visible = 'false'"
看看效果吧
liuyun1987 2007-10-24
- 打赏
- 举报
<style type="text/css">
.panel { display:none }
</style>
<div style="padding-top:20px;padding-left:10px;border:solid 1px #CCC">
<input type="button" id="btn1" title="1" value="Button1" onmouseover="btn_over(this);" onmouseout="btn_out(this);" />
<input type="button" id="btn2" title="2" value="Button2" onmouseover="btn_over(this);" onmouseout="btn_out(this);"; />
<div>
<asp:Panel ID="panel1" runat="server" CssClass="panel" > aaaaaa</asp:Panel>
<asp:Panel ID="panel2" runat="server" CssClass="panel" >bbbb</asp:Panel>
</div>
</div>
</form>
<script type="text/javascript">
function btn_over(obj)
{
var s=obj.title;
document.getElementById("panel"+s).style.display="block";
}
function btn_out(obj)
{
var s=obj.title;
document.getElementById("panel"+s).style.display="none";
}
</script>
.panel { display:none }
</style>
<div style="padding-top:20px;padding-left:10px;border:solid 1px #CCC">
<input type="button" id="btn1" title="1" value="Button1" onmouseover="btn_over(this);" onmouseout="btn_out(this);" />
<input type="button" id="btn2" title="2" value="Button2" onmouseover="btn_over(this);" onmouseout="btn_out(this);"; />
<div>
<asp:Panel ID="panel1" runat="server" CssClass="panel" > aaaaaa</asp:Panel>
<asp:Panel ID="panel2" runat="server" CssClass="panel" >bbbb</asp:Panel>
</div>
</div>
</form>
<script type="text/javascript">
function btn_over(obj)
{
var s=obj.title;
document.getElementById("panel"+s).style.display="block";
}
function btn_out(obj)
{
var s=obj.title;
document.getElementById("panel"+s).style.display="none";
}
</script>
WNASP 2007-10-24
- 打赏
- 举报
不知道你要说清楚什么？
yuan74521940 2007-10-24
- 打赏
- 举报
又重新发一个帖子?????
改为div吧!!
这样实现起来就简单多
改为div吧!!
这样实现起来就简单多
极客行天下 2007-10-24
- 打赏
- 举报
你这种效果要用javascript来解决
JGood 2007-10-24
- 打赏
- 举报
楼主你想问什么？？？
