更换皮肤

最近做了一个主题更换的功能,之前因为没有做过,也没有什么思路,以为一个主题就要做一个页面,但是那样太繁琐了,而且还加大了工作量,最近在网上查找的时候看到更换主题只是修改一下引用的样式文件即可,但是样式文件之前是在页面写死的,改成动态变量即可,代码如下:

<%
String theme = request.getParameter("theme");
if(null==theme){
theme="theme-2492FF/jquery-ui-1.9.1.custom.min.css";
}

<link href="resource/themes/<%=theme %>" rel="stylesheet" type="text/css"/>

主题:
<select style="width: 100px" id="theme" onchange="changeTheme()">
<option value="">---请选择---</option>
<option value="theme-008080/jquery-ui-1.9.1.custom.min.css">绿色</option>
<option value="theme-2492FF/jquery-ui-1.9.1.custom.min.css">蓝色</option>
<option value="theme-normal/jquery-ui-1.9.2.custom.min.css">淡蓝色</option>
</select>

<script language="javascript">
//主题更换
function changeTheme(){
var theme = $("#theme").val();
window.location="http://localhost:8080/novasec/index.jsp?theme="+theme;
}

<script>

很简单,只是思路问题,以后还要多加练习,思路对了,做什么事就顺利多了。

posted @ 2013-02-25 11:34  风儿飞  阅读(334)  评论(0编辑  收藏  举报