【问题标题】:Style Switcher & Text Resizer Combined?样式切换器和文本调整器相结合?
【发布时间】:2010-04-10 02:35:01
【问题描述】:

我遇到了各种允许您更改样式表(即浅色、深色、高对比度)的样式切换器,以及允许您调整测试大小的 carious 文本调整器(通常使用三个 A,小、中和大)。

但是,我似乎找不到一个可以通过允许两者排列来很好地协同工作的切换器/调整器。

即因此用户可以选择带有小文本的深色背景,或带有大文本的深色背景等。我似乎只能在用户可以选择一种或其他样式(大文本或高对比度,而不是组合两者中的一个)。

关于任何可能适合此的任何想法?

谢谢,

斯蒂芬

【问题讨论】:

    标签: javascript jquery css stylesheet


    【解决方案1】:

    这将是多么容易完成将取决于您对 CSS 和 Javascript 的了解程度。

    文本调整器通常会更改看起来像这样的规则

    body p {
        font-size: 12px;
    }
    

    并根据点击增大或减小字体大小。所以(在 ​​jQuery 中)你会绑定一个事件到你的调整大小,看起来类似于:

    $("#resizer").click(function(){
        $("body p").css("font-size", "18px");
    });
    

    显然,您需要更改选择器以匹配您想要调整的内容。这是一种策略。

    另一种方法(可能包括您的深色/浅色或其他主题)是使用完全不同的样式表。这可能并不理想:3 个字体大小 x 3 个主题是 9 个 .css 文件。哎呀!这是一篇很好的文章,我不会在这里重复:

    http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/

    祝你好运!

    【讨论】:

    • 嗨,亚历克斯,非常感谢。斯蒂芬
    猜你喜欢
    • 2014-05-10
    • 1970-01-01
    • 2021-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-06-17
    • 2017-03-15
    相关资源
    最近更新 更多