本文實(shí)例講述了asp.net中利用css實(shí)現(xiàn)多界面的兩種方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
可以通過(guò)使頁(yè)面動(dòng)態(tài)加載不同css來(lái)實(shí)現(xiàn)多界面的效果:
方法一:
復(fù)制代碼 代碼如下:< language=c#%>
<namespace=system.data%>
<script language=c# runat=server>
public void page_load(object obj,eventargs e)
{
//創(chuàng)建服務(wù)器端控件.
//指定的標(biāo)記link初始化此類(lèi)的新實(shí)例.
htmlgenericcontrol objlink=new htmlgenericcontrol(link);
objlink.id=id;
objlink.attributes[rel]=stylesheet;
objlink.attributes[type]=text/css;
objlink.attributes[href]=portal.css;
//此控件不產(chǎn)生任何可見(jiàn)輸出,僅作為其他控件的容器,可在其中添加,插入或移除控件.
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>
通過(guò)動(dòng)態(tài)設(shè)置頁(yè)面所有同類(lèi)型控件的樣式來(lái)該變界面:
方法二:
可以通過(guò)改變web控件的cssclass屬性,可方便地設(shè)置和修改控件的樣式。
但在實(shí)際開(kāi)發(fā)過(guò)程中,一個(gè)個(gè)地設(shè)置控件的cssclass屬性,非常繁瑣,所以此思路應(yīng)用不廣.
但下面的代碼段演示了一次性改變頁(yè)面所有同類(lèi)型控件的樣式的方法,可以實(shí)現(xiàn)簡(jiǎn)單的skin等功能。
代碼如下:
復(fù)制代碼 代碼如下:public void page_load(object obj,eventargs e)
{
if(!page.ispostback){
//為頁(yè)面的所有控件設(shè)置樣式.
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];
//得到控件的類(lèi)型
//可增加控件類(lèi)型及相應(yīng)處理方法
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>
運(yùn)行后,查看頁(yè)面源碼.可發(fā)現(xiàn)文本框的樣式已統(tǒng)一修改為textbox_show.
希望本文所述對(duì)大家的asp.net程序設(shè)計(jì)有所幫助。