前の記事 ≪:クールなUIを実現可能なAjaxフレームワーク「vegUI」
次の記事 ≫:TwitterのAPIをPHPから簡単に使える「Services_Twitter」

ボタンでサイトの文字サイズを自由に変更するサンプル

2007年05月08日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Zoom Zoom Zoom
Consectetuer adipiscing elit. Curabitur viverra ultrices ante. Aliquam nec lectus.

ボタンでサイトの文字サイズを自由に変更するサンプル。
右上のボタンを押すことで文字サイズを変更できます。ニュースサイトでは標準実装されている機能ですが、自分のサイトにも埋め込みたい場合、このサンプルが応用できそう。



switcher.js というファイルを読み込んで表示しているようで、ボタンを押した際にスタイルシートをJavaScriptで書き換えているようです。
もっと良いサンプルは作れそうですが、手早く改造して利用する分にはこれでもよいかもしれませんね。

関連の記事検索:JavaScript, デザイン
スポンサード リンク

By.KJ : 2007年05月08日 07:06 livedoor Readerで購読 Twitterに投稿

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