前の記事 ≪:iPhoneアプリのツールバー部分に使えそうなアイコン色々
次の記事 ≫:WebKitブラウザー間での機能比較テーブル

jQueryを使いドロップダウン変更によって文字を大きくするスニペット

2009年10月13日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQueryを使いドロップダウン変更によって文字を大きくするスニペットが公開されています。
1から実装しても全く難しいものではありませんが、それなりに使えそうなのでご紹介です。



↓ドロップダウン選択で文字が大きくなります↓


次のように2行で実現しているところがjQueryの素晴らしいところ。
セレクタを変えれば、特定の部分だけを大きくすることが出来ますね。

var size = $(this).val();
$("#main").css('font-size', size+'px');

ペラの1ページだけのサイトなんかに入れておくと文字を大きくできて便利かもしれませんね。

Zooming with jQuery and CSS.

クッキーでサイズを保存するような機能は付いていないので、欲しい場合は付ける必要がありますが、jQuery Cookie pluginなんかを使えばこれも簡単ですね。
関連の記事検索:JavaScript, UI, サンプル
スポンサード リンク

By.KJ : 2009年10月13日 10:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)