ページが遷移してもフォントサイズが変更されないサイトを作る方法
ニュースサイト等で右上にあるフォントを選択 小・中・大 などのフォントを変更する方法。
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>
タグ: AJAX, javascript, JQuery
2009 年 5 月 11 日 1:34 PM
[...] 以前紹介した、ページが遷移してもフォントサイズが変更されないサイトを作る方法は、様々なサイトで紹介されているが、Internet Explorer 6(IE6)では正常に動作しない場合が多い。 [...]