新浪博客

母版页实现导航

2009-06-25 14:13阅读:
母版页里设定如下:
<table>
<tr>
<td>
<asp:LinkButton ID='lbtnIndex' runat='server' CssClass='MenuLink' OnClick='lbtnIndex_Click'>
<asp:Panel ID='pnlIndex' runat='server'>
</asp:Panel>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID='lbtnMyOrder' runat='server' CssClass='MenuLink' OnClick='lbtnMyOrder_Click'>
<asp:Panel ID='pnlMyOrder' runat='server'>
</asp:Panel>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID='lbtnMyAccount' runat='server' CssClass='MenuLink' OnClick='lbtnMyAccount_Click'>
<asp:Panel ID='pnlMyAccount' runat='server'>
</asp:Panel>
</asp:LinkButton>
</td>
<td>
<asp:LinkButton ID='lbtnCancel' runat='server' CssClass='MenuLink' OnClick='lbtnCancel_Click'>
<asp:Panel ID='pnlCencel' runat='server'>
</asp:Panel>
</asp:LinkButton>
</td>
</tr>
</table>
引用母版页里在page_load里面写上如下代码:
((Panel)Master.FindControl('pnlIndex')).CssClass = 'Nav_index_No';
((Panel)Master.FindControl('pnlMyOrder')).CssClass = 'Nav_MOrder';
((Panel)Master.FindControl('pnlMyAccount')).CssClass = 'Nav_MAccount_No';
((Panel)Master.FindControl('pnlCencel')).CssClass = 'Nav_Back_No';
具体的样式如下:
.Nav_index
{
height: 52px;
width: 111px;
margin-top: 22px;

padding-top: 19px;
background-image: url(../../../image/OnlinePrint/index_ha.jpg);
background-repeat: no-repeat;
margin-top: 22px !important;

}
.Nav_index_No
{
height: 52px;
width: 111px;
margin-top: 22px;
padding-top: 22px;
background-image: url(../../../image/OnlinePrint/index_hui.jpg);
background-repeat: no-repeat;
margin-top: 24px !important;
}
.Nav_MOrder
{
height: 52px;
width: 111px;
margin-top: 22px;
padding-top: 19px;
background-image: url(../../../image/OnlinePrint/Morder_ha.jpg);
background-repeat: no-repeat;
margin-top: 22px !important;
}
.Nav_MOrder_No
{
height: 52px;
width: 111px;
margin-top: 22px;
padding-top: 22px;
background-image: url(../../../image/OnlinePrint/Morder_hui.jpg);
background-repeat: no-repeat;
margin-top: 24px !important;
}
.Nav_MAccount
{
height: 52px;
width: 111px;
margin-top: 22px;
padding-top: 19px;
background-image: url(../../../image/OnlinePrint/MAccount_ha.jpg);
background-repeat: no-repeat;
margin-top: 22px !important;
}
.Nav_MAccount_No
{
height: 52px;
width: 111px;
margin-top: 26px;
padding-top: 22px;
background-image: url(../../../image/OnlinePrint/MAccount_hui.jpg);
background-repeat: no-repeat;
margin-top: 24px !important;
}
.Nav_Back_No
{
height: 52px;
width: 111px;
margin-top: 26px;
padding-top: 22px;
background-image: url(../../../image/OnlinePrint/Back_hui.jpg);
background-repeat: no-repeat;
margin-top: 24px !important;
}

我的更多文章

下载客户端阅读体验更佳

APP专享