-3

我的网站有一个名为字体大小的菜单。基本上它是用户更改网站字体大小的一个选项,例如:

smaller
small
medium
large

默认字体大小为“小”。当用户选择字体大小时说“中等”,那么在用户访问该网站的所有页面(在一个浏览器会话中)期间,字体大小应该保持中等。如何通过 JavaScript 或 jQuery 或其他任何东西来实现这一点。

我尝试在选择时更改字体大小,但是当我转到另一个页面时,字体大小会更改为默认字体大小。

我的网站已经在使用 HTML5、CSS3、JavaScript、Jquery。它在 Spring MVC/Java 上。

4

2 回答 2

1

在理想的世界中,您将根据正文字体大小的百分比在页面上拥有所有元素,例如

body{ font-size: 12px; }
h1{ font-size: 120%; }

或者

h1{ font-size: 1.5em; }

如果你有这个设置,那么你可以简单地改变font-size你的 body 元素,然后这将自动更新页面上的所有字体。

正如 Baadshah 所建议的,您可以使用jQuery cookie 插件在所有页面中保持您的用户选择。

我在jsfiddle整理了一个简单的演示

您可以根据选择更改正文字体大小,设置cookie,然后检查是否存在此cookie,然后设置字体大小。

if ( $.cookie('font-size') ){
    console.log($.cookie('font-size')); // take this out when not debugging
    $('body').css({ 'font-size': $.cookie('font-size')});
}
于 2013-05-02T11:12:30.983 回答
1

使用 cookie

 var cookieFont = $.cookie("fontSize");
  $("#target").css("font-size", curFont + 'px');

演示

于 2013-05-02T10:56:07.217 回答