文字サイズ変更ボタンをつけてみた。

【この記事の所要時間 : 約 2 分

少し前になるけど、サイトの右上に文字の大きさを変えるボタンを付けてみた。メモがわりにエントリーしておく。文字の大きさが変わるのは、エントリーの中身のみで、それ以外の部分は変わらない。
参考にしたのは、以下のサイト。
文字サイズ変更ボタンってprototype.jsでよくない?魚拓
文字サイズを変更するメソッドを、changefontsize.jsとし、もちろんprototype.jsも読み込むようにして、以下のようにヘッダに記述した。
<script src="http://canalize.jp/prototype.js" type="text/javascript"></script>
<script src="http://canalize.jp/changefontsize.js" type="text/javascript"></script>

あとは、サイズ変更したい要素の id を、変更するだけ。
ボタンのデザインは、スタイルシートに追記。

スポンサーリンク
レクタングル(大)広告
  • このエントリーをはてなブックマークに追加
スポンサーリンク
レクタングル(大)広告

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください