ページが遷移してもフォントサイズが変更されないサイトを作る方法


このエントリをはてなブックマークに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをBuzzurl(バザール)に追加このエントリをNifty Clipに追加このエントリをLivedoor Clipに追加

ニュースサイト等で右上にあるフォントを選択 小・中・大 などのフォントを変更する方法。
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>


このエントリをはてなブックマークに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをBuzzurl(バザール)に追加このエントリをNifty Clipに追加このエントリをLivedoor Clipに追加

タグ: , ,

コメント / トラックバック 1 件

  1. JQueryを使ったフォントサイズ変更はInternet Explorer6(IE6)では正常に動作しない場合が多い | メモ バインダー より:

    [...] 以前紹介した、ページが遷移してもフォントサイズが変更されないサイトを作る方法は、様々なサイトで紹介されているが、Internet Explorer 6(IE6)では正常に動作しない場合が多い。 [...]

コメントをどうぞ