便利eelife Java Script

   戻る

文字サイズの変更をします。

:大きくする  :元に戻す  :小さくする  


<BODY id="F_size">でサイズの変更を行っているので
<FONT size> や style="font-size:??px" など、
タグやスタイルの設定がある場合はこちらが優先されます。

テーブル内の文字列も変わりません。


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY id="F_size" style="font-size:15pt" >
<FORM name="myForm"><FONT size="4">
<INPUT type="radio" onclick="large()" name="rd">:大きくする&nbsp;&nbsp;
<INPUT type="radio" onclick="back()" name="rd" checked>:元に戻す&nbsp;&nbsp;
<INPUT type="radio" onclick="small()" name="rd">:小さくする&nbsp;&nbsp;</FONT></FORM>
<P><B><FONT color="#000099">文字サイズの変更をします。</FONT></B></P>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--
function large(){
F_size.style.fontSize="25pt";
}
function back(){
F_size.style.fontSize="15pt";
}
function small(){
F_size.style.fontSize="9pt";
}


// -->
</SCRIPT>
コメント
<BODY id="F_size" style="font-size:15pt" > : <BODY >タグに ID名 とフォントサイズが設定されてます。
F_size.style.fontSize="25pt" : この数値を変えることでフォントサイズを変更します。