Question

我正在尝试创建一个允许用户更改网站“外观”的页面。我想使用与jQuery's ThemeRoller或FireFox's Developer Tool类似的内容。我不能强迫用户使用Firefox，我不需要ThemeRoller拥有的所有选项。我真的只是寻找标题，背景，字体大小和字体类型。

有什么建议吗？

谢谢

Answer 1

尝试使用样式表切换器，它可以像您想要的那样高级，这将为您提供更多控制简单Div目标。

http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

Answer 2

如果您关心的是传输更少/更小的文件并且您真的想要避免使用jQuery UI，那么开发一个小的jQuery插件来修改背景，字体大小/类型和一些标题内容会非常容易。

由于你专门询问jQuery，我认为你有一些使用它的经验。查看http://docs.jquery.com/Plugins/Authoring

上的插件创作文档

如果您不担心传输较少/较小的文件，只需使用jQuery UI themeroller并忽略您不想要的功能。

Answer 3

我找不到已经这样做过的插件。我用Brosho给了我一个基本的起点。 Brosho基本上使用attr方法将“Brosho：css info”设置为元素。然后扫描整个文档以获取Brosho以创建要导出的CCS。

Answer 4

将用户的样式属性存储在数据存储区（基于cookie或服务器）中。然后，如果用户的首选项存储在服务器端，则网站的每个页面都会显示以下内容：

$(document).ready(function() {
  $("h1").css('color','<% =UsersHeaderFontColor');
  $("body").css('color','<% =UsersBodyFontColor');
  $("body").css('font-size','<% =UsersFontSize');
  $("body").css('font-family','<% =UsersFontFamily');
});

如果你想从一个cookie中获取，那么有一个很好的jquery cookie插件可以让你设置/获取cookie名称/值对。

需要一个修改CSS的jQuery插件

4 个答案: