前の記事 ≪:2010年7月22日 管理人のブックマーク
次の記事 ≫:MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identico...

指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」

2010年07月23日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Plugins | jQuery Plugins

指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」。
$(element).fontscale('p', 'up', {unit:'px', increment:1}); のように記述するだけで、element 内のフォントサイズが簡単に大きくできます。
upをdownに変えれば縮小させることが出来ます。3番目の引数で、単位と増加量を指定できるので細かな調整が可能。

文字を大きくする、小さくするといった操作を簡単に実装できてしまいます。

指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」 fig.1

指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」 fig.2

拡大・縮小の他にも、リセット機能があるので、大きくしすぎてしまっても安心です。

リセットする場合は、$(element).fontscale("p","reset"); のよう呼び出してあげるだけです。

関連エントリ
関連の記事検索:フォント, テキスト
スポンサード リンク

By.KJ : 2010年07月23日 09:01 livedoor Readerで購読 Twitterに投稿

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