CSS代码：
1 body 2 { 3 font-size:11pt; 4 font-family:宋体; 5 } 6 .mainTitle 7 { 8 font-size:11pt; 9 font-weight:bold; 10 font-family:宋体; 11 } 12 .commonText 13 { 14 font-size:11pt; 15 font-family:宋体; 16 } 17 .littleMainTitle 18 { 19 font-size:10pt; 20 font-weight:bold; 21 font-family:宋体; 22 } 23 .TopTitle 24 { 25 border:0px; 26 font-size:10pt; 27 font-weight:bold; 28 text-decoration:none; 29 color:Black; 30 display:inline-block; 31 100%; 32 } 33 .SelectedTopTitle 34 { 35 border:0px; 36 font-size:10pt; 37 text-decoration:none; 38 color:Black; 39 display:inline-block; 40 100%; 41 background-color:White; 42 } 43 .ContentView 44 { 45 border:0px; 46 padding:3px 3px 3px 3px; 47 background-color:White; 48 display:inline-block; 49 390px; 50 } 51 .SepBorder 52 { 53 border-top-0px; 54 border-left-0px; 55 font-size:1px; 56 border-bottom:Gray 1px solid; 57 border-right-0px; 58 } 59 .TopBorder 60 { 61 border-right: Gray 1px solid; 62 border-top:Gray 0px solid; 63 border-left:Gray 1px solid; 64 border-bottom:Gray 1px solid; 65 height:100%; 66 100%; 67 } 68 .SelectedTopBorder 69 { 70 border-right: Gray 1px solid; 71 border-top:Gray 1px solid; 72 background:none transparent scroll repeat 0% 0%; 73 border-left:Gray 1px solid; 74 color:Black; 75 border-bottom: Gray 0px solid; 76 }
aspx代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiView控件.aspx.cs" Inherits="WebApplication1.复合控制和模板页.MultiView控件" %> <!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></title> <link href="../Styles/01.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div> <fieldset style="400px";> <legend>MultiView应用例子</legend> <table cellpadding="0" cellspacing="0" width="100%" border="0"> <tr> <td> <table id="Table1" runat="server" cellpadding="0" cellspacing="0" width="100%" border="0"> <tr style="height:22px"> <td class="SelectedTopBorder" id="Cell1" align="center" style="80px;"> <asp:LinkButton ID="LButtonCompany" runat="server" OnClick="LButtonCompany_Click">公司介绍</asp:LinkButton> </td> <td class="SepBorder" style="2px; height:22px;"></td> <td class="TopBorder" id="Cell2" align="center" style="80px;"> <asp:LinkButton ID="LButtonProduct" runat="server" OnClick="LButtonProduct_Click">产品介绍</asp:LinkButton></td> <td class="SepBorder" style="2px; height:22px;"></td> <td class="TopBorder" id="Cell3" align="center" style="80px;"> <asp:LinkButton ID="LButtonContact" runat="server" OnClick="LButtonContact_Click">联系我们</asp:LinkButton></td> <td class="SepBorder" style="2px; height:22px;"></td> </tr> </table> </td> </tr> <tr> <td> <table class="ContentBorder" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top"> <asp:MultiView ID="mvCompany" runat="server" ActiveViewIndex="0"> <asp:View ID="View1" runat="server"> 我们公司是一个正在上升时期的公司。公司目前有中科院计算机院士3人，博士后32人， 博士63人，研究生120人，本科生356人，具有非常强大的研发实力。 </asp:View> <asp:View ID="View2" runat="server"> 我们有丰富的产品线，还可以为用户单独制定。目前CMS文章发布系统，CRM客户资源关系管理系统， OA自动办公化系统，正在研发的软件有GSP车辆定位导航系统及工作制度系统。 </asp:View> <asp:View ID="View3" runat="server"> 本公司热烈欢迎技术界和销售界的精英加入我们，客服电话123445. </asp:View> </asp:MultiView> </td> </tr> </table> </td> </tr> </table> </fieldset> </div> </form> </body> </html>
CS代码：
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication1.复合控制和模板页 { public partial class MultiView控件 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void LButtonCompany_Click(object sender, EventArgs e) { mvCompany.ActiveViewIndex = 0; Cell1.Attributes["class"] = "SelectedTopBorder"; Cell2.Attributes["class"]="TopBorder"; Cell3.Attributes["class"] = "TopBorder"; } protected void LButtonProduct_Click(object sender, EventArgs e) { mvCompany.ActiveViewIndex = 1; Cell1.Attributes["class"] = "TopBorder"; Cell2.Attributes["class"] = "SelectedTopBorder"; Cell3.Attributes["class"] = "TopBorder"; } protected void LButtonContact_Click(object sender, EventArgs e) { mvCompany.ActiveViewIndex = 2; Cell1.Attributes["class"] = "TopBorder"; Cell2.Attributes["class"] = "TopBorder"; Cell3.Attributes["class"] = "SelectedTopBorder"; } } }