写这篇文章,因要往OA系统上添加更换主题的功能,在网上仔细搜索了一下,主要有几种方法可以实现,
第一种:使用原生态javascript+Css来实现,(代码多,看着纠结,对于前台不熟悉的程序员来说看深奥一点的javascript代码无疑是雪上加霜,反正我是这么理解的)
第二种:使用Jquery+Css来实现,(代码较少,看着也纠结,对于前台不熟悉的程序员来说看深奥一点的Jquery代码也无疑是雪上加霜,反正也我是这么理解的)
第三种:当然是使用.net自己的解决办法喽!
前两种方法我也不介绍了,网上一搜一大把。主要介绍下第三种的使用方法,其实很简单。估计看一遍就知道怎么做了,
首先看前台代码:
<form id="form1" runat="server"> <div> <div id="header"> <ul> <li><a href="#">首页</a></li> <li><a class="skin" href="#">换肤</a> <div class="Skin_div"> <asp:RadioButton ID="RadioBtnSkin1" GroupName="skin" AutoPostBack="true" Checked="true" runat="server" OnCheckedChanged="RadioBtnSkin1_CheckedChanged" />皮肤一<br /> <asp:RadioButton ID="RadioBtnSkin2" GroupName="skin" AutoPostBack="true" runat="server" OnCheckedChanged="RadioBtnSkin2_CheckedChanged" />皮肤二<br /> <asp:RadioButton ID="RadioBtnSkin3" GroupName="skin" AutoPostBack="true" runat="server" OnCheckedChanged="RadioBtnSkin3_CheckedChanged" />皮肤三 </div> </li> </ul> </div> <div id="content"></div> <div id="footer"></div> </div> </form>