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>

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

  • 相关阅读:
    window常见事件onload
    BOM顶级对象window
    模拟京东快递单号查询案例
    [Hibernate] one-to-one
    Katy Perry
    [Java] int 转换为BigDecimal
    [easyUI] datagrid 数据格 可以进行分页
    [easyUI] 树形菜单 tree
    [easyUI] lazyload 懒加载
    [easyUI] autocomplete 简单自动完成以及ajax从服务器端完成
  • 原文地址:https://www.cnblogs.com/zhli/p/2931832.html
Copyright © 2011-2022 走看看