ASP.NET学习之CSS实现多界面二大方法

ASP.NET学习之CSS实现多界面的实现是如何的呢？原理就是通过使页面动态加载不同CSS实现多界面

为交口等地区用户提供了全套网页设计制作服务，及交口网站建设行业解决方案。主营业务为成都网站建设、网站制作、交口网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

ASP.NET学习之CSS实现多界面方法一:

 
 
 
  
  
  ﹤%@page language="C#"%﹥  
  
  
  ﹤%@import namespace="System.Data"%﹥  
  
  
  ﹤script language="c#" runat="server"﹥  
  
  
  public void page_load(Object obj,EventArgs e)  
  
  
  {  
  
  
  //创建服务器端控件.  
  
  
  //指定的标记"LINK"初始化此类的新实例.  
  
  
  HtmlGenericControl objLink=new HtmlGenericControl("LINK");  
  
  
  objLink.ID=ID;  
  
  
  objLink.Attributes["rel"]="stylesheet";  
  
  
  objLink.Attributes["type"]="text/css";  
  
  
  objLink.Attributes["href"]="portal.css";  
  
  
   
  
  
  //此控件不产生任何可见输出,仅作为其他控件的容器,可在其中添加,插入或移除控件.  
  
  
  MyCSS.Controls.Add(objLink);  
  
  
  }  
  
  
  ﹤/script﹥  
  
  
  ﹤html﹥  
  
  
  ﹤head﹥  
  
  
  ﹤title﹥c#﹤/title﹥  
  
  
  ﹤asp:placeholder id="MyCSS" runat="server"﹥﹤/asp:placeholder﹥  
  
  
  ﹤/head﹥  
  
  
  ﹤body bgColor="#ffcc66" style="FONT:9pt"﹥  
  
  
  ﹤form runat="server"﹥  
  
  
   
  
  
  ﹤/form﹥  
  
  
  ﹤/body﹥  
  
  
  ﹤/html﹥

通过动态设置页面所有同类型控件的样式来改变界面:

ASP.NET学习之CSS实现多界面方法二:

可以通过改变WEB控件的CssClass属性,可方便地设置和修改控件的样式。但在实际开发过程中,一个个地设置控件的CssClass属性,非常繁琐,所以此思路应用不广.但下面的代码段演示了一次性改变页面所有同类型控件的样式的方法,可以实现简单的SKIN等功能。

代码如下:

 
 
 
  
  
  public void page_load(Object obj,EventArgs e)  
  
  
  {  
  
  
  if(!Page.IsPostBack){  
  
  
  //为页面的所有控件设置样式.  
  
  
  SetCSS(Page.Controls);  
  
  
  }  
  
  
  }  
  
  
   
  
  
  private void SetCSS(System.Web.UI.ControlCollection vControls)  
  
  
  {  
  
  
  for(int i=0;i﹤vControls.Count;i++)  
  
  
  {  
  
  
  System.Web.UI.Control vControl=vControls[i];  
  
  
   
  
  
  //得到控件的类型  
  
  
  //可增加控件类型及相应处理方法  
  
  
  string PType=vControl.GetType().Name;  
  
  
  switch (PType)  
  
  
  {  
  
  
  case "TextBox":  
  
  
  TextBox_CSS ((TextBox) vControl);  
  
  
  break;  
  
  
  case "Button":  
  
  
  //Button_CSS ((Button) vControl);  
  
  
  break;  
  
  
  case "DataGrid":  
  
  
  //DataGrid_CSS ((DataGrid) vControl);  
  
  
  break;  
  
  
  }  
  
  
  if(vControl.Controls.Count﹥0)  
  
  
  SetCSS(vControl.Controls);  
  
  
  }  
  
  
  }  
  
  
   
  
  
   
  
  
  private void TextBox_CSS(TextBox tb){  
  
  
  tb.CssClass="TextBox_show";  
  
  
  }  
  
  
   
  
  
  ﹤form runat="server"﹥  
  
  
  ﹤asp:textbox id="Search1" runat="server"/﹥  
  
  
  ﹤asp:textbox id="Search2" CssClass="INPUT" runat="server"/﹥  
  
  
  ﹤/form﹥

运行后,查看页面源码.可发现文本框的样式已统一修改为"TextBox_show".

ASP.NET学习之CSS实现多界面就向你介绍到这里，赶紧动手尝试下吧。

【编辑推荐】

ASP.NET程序小数点保留两位解析
ASP.NET上传文件控件实例详解
ASP.NET学习的九大步骤详解
ASP.NET与ASP相比的优点浅析
ASP.NET MD5和SHA1加密方法的浅析

标题名称：ASP.NET学习之CSS实现多界面二大方法
网页地址：http://www.shufengxianlan.com/qtweb/news37/262187.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容