zoukankan      html  css  js  c++  java
  • 更换皮肤

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

    <%
    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=" 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>

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

  • 相关阅读:
    Redis 的安装
    oracle表分区
    HashMap、HashTable、LinkedHashMap和TreeMap用法和区别
    HashMap和LinkedHashMap区别
    SpringMVC MultiActionController 默认方法名解析器
    静态资源无法访问问题
    JMeter-简单控制器
    JMeter-随机顺序控制器
    JMeter-随机控制器
    JMeter-交替控制器
  • 原文地址:https://www.cnblogs.com/zhli/p/2931832.html
Copyright © 2011-2022 走看看