html - 动态改变整个网站的文本/对比度？

Question

这是将 MVC 4 与 Visual Studio 2013 结合使用:

我想知道如何通过单击按钮来动态更改我网站的文本。这对于对比也是一样的。我想知道是否有任何插件或方法可以用来执行此操作？

这是正确实现的示例:http://www.bbc.co.uk/accessibility/guides/change_colours/#提供不同的文字大小和对比度等。我将如何处理这个问题？我的想法是有一个按钮可以调用具有新颜色/contracts 的同一个 CSS 表。但这意味着我需要大约 4-5 个完全相同的 CSS 表，只是文本/对比度发生变化。对此有更好的方法吗？

Answer 1

可能是 Observables 和数据绑定(bind)是您最好的解决方案。基本上，您可以将 html 与可观察对象(您的数据模型)绑定(bind)。当您的数据模型的状态发生变化时，您的 UI 会自动更新，反之亦然。它遵循 MVVM 模式。最流行的 MVVM 库之一是 Knockout.js(此处:http://knockoutjs.com/)这将使您的生活更轻松!它使我的。 :-)

希望这对您有所帮助!