« 「あつ〇ょくメイ〇ン」 | トップページ | 玄米粉 »

2009.12.01

文字のサイズを変更するボタン

HP用に、文字のサイズを変更するボタンを付けてみました

「JavaScript フォントサイズを変更する」と検索すれば
やり方はイロイロあるようです

試してみたら、上手く行きました happy01

--------------------------------------------------------------------

サイドバーに組み込む場合

<dd class="side">
<CENTER>文字のサイズ変更する<br>
<script type="text/javascript"><!--
function large() { document.body.style.fontSize = "110%"; }
function middle() { document.body.style.fontSize = "100%"; }
function small() { document.body.style.fontSize = "90%"; }
//--></script>

<input type="button" onClick="large()" value="大">
<input type="button" onClick="middle()" value="中">
<input type="button" onClick="small()" value="小">
</CENTER>
</dd>

--------------------------------------------------------------------

大きさは、任意で設定して下さい
当店サイトは、これ以上いじると

配置がグチャグチャになりました

サイドバーとか
ウィジッドとか
メインページに組み込むだけです

どんなのかは?こちらのナビバー右下辺りで確認して下さい

その後

上手く出来たと思ったら

あらら!

ページが切り替わると設定が元に戻ります

どうすれば、ページが切り替わっても文字の大きさを維持できるのかなぁ?

|

« 「あつ〇ょくメイ〇ン」 | トップページ | 玄米粉 »

日々の出来事」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/44128/46909331

この記事へのトラックバック一覧です: 文字のサイズを変更するボタン:

« 「あつ〇ょくメイ〇ン」 | トップページ | 玄米粉 »