加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

母版页实现导航

(2009-06-25 14:13:35)
标签:

杂谈

母版页里设定如下:

<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;
}

 

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有