このプラグインhttp://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/でスタイルシートを切り替えることができ、ユーザーがテーマを選択すると、テーマの名前を Cookie に保存できます。http://www.w3schools.com/js/js_cookies.asp次に、ページのリロード時に名前を取得し、そのスタイルシートをロードします。
これは使用例ですcookies
http://jsfiddle.net/btevfik/f7mXV/
2 つのイベント ハンドラーを 2 つのボタンにバインドし、フォントが格納されている Cookie を取得しています。そして、保存されたクッキーにフォントを設定します。
$(document).ready(function () {
$("#button1").click(function () {
setFont('serif')
});
$("#button2").click(function () {
setFont('sans-serif')
});
var font = getCookie("username");
$("body").css("font-family", font);
});
イベント ハンドラーは、この関数を呼び出して、選択したフォントで Cookie を設定し、現在のフォントを変更します。
function setFont(font) {
setCookie("username", font, 365);
$("body").css("font-family", font);
}