ページが遷移してもフォントサイズが変更されないサイトを作る方法
2009 年 4 月 27 日 月曜日ニュースサイト等で右上にあるフォントを選択 小・中・大 などのフォントを変更する方法。
jQueryとjquery.cookie.jsでcookieを制御して構築する。
参考サイトは以下の通り。
フォントサイズを動的に変更 [with jQuery]
jQueryサンプル Ajaxフォントサイズを変更・切り替えcookieに保存
マークアップする人の好みの問題だが、4GALAXYさんの
jQueryサンプルCSS(スタイルシート)を変更・切り替えcookieに保存を参考ベースにCSSを直接制御する方が汎用的に構築し易い場合があるかもしれない。
<ul>
<li onclick="jstyle('/page/css/style1.css')">Style1</li>
<li onclick="jstyle('/page/css/style2.css')">Style2</li>
<li onclick="jstyle('/page/css/style3.css')">Style3</li>
</ul>
↓
<ul>
<li><a href="#" onclick="jstyle('font1.css')">小</a></li>
<li><a href="#" onclick="jstyle('font2.css')">中</a></li>
<li><a href="#" onclick="jstyle('font3.css')">大</a></li>
</ul>
