javascript - 添加允许用户为网站选择颜色主题的功能

Question

我重新设计了我们的企业内部网。我正在使用基于 5 种相关颜色的简单主题来为所有页面创建统一的样式。我想做的一件事是允许每个用户选择自己的“主题”。创建适合我的设计的多个颜色托盘非常容易。我正在考虑的是实现这一点的最佳方式。

我有两个想法，但我愿意接受所有建议。第一个是创建一个独立于主题并统一应用的基本样式表。然后创建单独的主题样式表。然后通过服务器端脚本或 JavaScript/jQuery 应用它。我的另一个想法是使用一个样式表，然后使用 jQuery 将它们应用于每个元素。例如:

<div class="theme_color_1"></div>

<script type="text/javascript">
    function colorize(theme){
         if(theme === 0){
             $('.theme_color_1').addClass('blue_theme_1');
         }
         else if(theme === 1){
             $('.theme_color_1').addClass('red_theme_1');
         }
         else{
             $('.theme_color_1').addClass('default_theme_1');
         }
    }
</script>

因此每个主题元素一个。我只是想知道是否有人有实现此类功能的经验以及您认为“最佳”方法是什么。我们的网站相当“轻便”，因此在涉及 DOM 操作或页面加载时，我不太关心处理/速度。

谢谢!

**我只是使用了一个非常简单的代码示例，因为我还没有开始实现它。如果我的代码不够清楚，请告诉我，我会提供更多详细信息。

**另请注意，我使用的是经典 ASP(这是我暂时坚持使用的)、MS SQL、HTML 5、CSS 3(使用 PIE 提供功能支持)、JavaScript、jQuery 和jQuery 用户界面。

Answer 1

您可以将用户选择的主题保存在数据库中，并根据登录的用户应用样式表。

例如

<% if rs("style") = 1 then %>
<link href="theme1.css" rel="stylesheet" type="text/css" />
<% elseif rs("style") = 2 then %>
<link href="theme2.css" rel="stylesheet" type="text/css" />
...etc.

拥有一个基本主题绝对是个好主意。