（補足）
いまいち、どうなるのか解らない人は、説明の文字（タグの左の文字）をマウスで触れてみてね。
もちろん、他のタグ（例えば、リンクのタグ）などと合わせて使う事も、できますね。
元の状態に戻したい時は右のボタンをクリック⇒
（注１）文字の太さは、１００〜９００の間で、１００刻みに（１００・２００・３００・・・９００）指定してくださいね。また、１００が一番細く、９００が一番太くなります。
（注２）コメントの詳しいアレンジ方法は、８−２．ボタン（押すと…編）の（注１．２．３）を見てね。
↓書体を選んでね。（これ以外もあります）
Terminal
Small Fonts
Arial Unicode MS
ＭＳ 明朝
MS UI Gothic
HG丸ｺﾞｼｯｸM-PRO
HGｺﾞｼｯｸM
HGｺﾞｼｯｸE
HG創英角ﾎﾟｯﾌﾟ体
HG創英角ｺﾞｼｯｸUB
ふみゴシック
HG行書体
HG祥南行書体
HG正楷書体
恋文ペン字
| 赤い文字の部分を変更してコピー貼り付けで使ってね！ | |
|---|---|
| マウスが触れて変化編 | |
| 文字に触れて背景色が変化 | <font color="#最初の文字色" onmouseover="bgColor='#背景色'">文字</font> |
| 文字に触れて離れて背景が変化 | <font color="#最初の文字色" onmouseover="bgColor='#触れた時の背景色'" onmouseout="bgColor='#離れた時の背景色'">文字</font> |
| 文字に触れて文字色が変化 | <font color="#最初の文字色" onmouseover="this.color='#触れた時の文字色'">文字</font> |
| 文字に触れて離れて文字色が変化 | <font color="#最初の文字色" onmouseover="this.color='#触れた時の文字色'" onmouseout="this.color='#離れた時の文字色'">文字</font> |
| 文字に触れて文字が変化 | <font color="#最初の文字色" onmouseover="this.innerText='触れた時の文字';this.color='#触れた時の文字色'">文字</font> |
| 文字に触れて離れて文字が変化 | <font color="#最初の文字色" onmouseover="this.innerText='触れた時の文字';this.color='#触れた時の文字色'" onmouseout="this.innerText='離れた時の文字';this.color='#離れた時の文字色'">文字</font> |
| 文字に触れて文字の書体が変化 | <font color="#最初の文字色" face="最初の文字の書体" onmouseover="this.style.fontFamily='触れた時の書体';this.color='#触れた時の書体色'">文字</font> |
| 文字に触れて離れて文字の書体が変化 | <font color="#最初の文字色" face="最初の文字の書体" onmouseover="this.style.fontFamily='触れた時の書体';this.color='#触れた時の書体色'" onmouseout="this.style.fontFamily='離れた時の書体';this.color='#離れた時の書体色'">文字</font> |
| 文字に触れて文字の大きさが変化 | <font color="#最初の文字色" onmouseover="this.size='触れた時の文字の大きさ'">文字</font> |
| 文字に触れて離れて文字の大きさが変化 | <font color="#最初の文字色" onmouseover="this.size='触れた時の文字の大きさ'" onmouseout="this.size='離れた時の文字の大きさ'">文字</font> |
| 文字に触れて文字の背景色が変化 | <font color="#最初の文字色" style="background-color:#最初の文字の背景色" onmouseover="this.style.background='#触れた時文字背景色';this.color='#触れた時の文字色'">文字</font> |
| 文字に触れて離れて文字の背景色が変化 | <font color="#最初の文字色" style="background-color:#最初の文字の背景色" onmouseover="this.style.background='#触れた時文字背景色';this.color='#触れた時の文字色'" onmouseout="this.style.background='#離れた時文字背景色';this.color='#離れた時の文字色'">文字</font> |
| 文字に触れて文字太さ変化（注１） | <font color="#最初の文字色" onmouseover="this.style.fontWeight='触れた時の文字の太さ';this.color='#触れた時の文字色'">文字</font> |
| 文字に触れて離れて文字太さ変化（注１） | <font color="#最初の文字色" onmouseover="this.style.fontWeight='触れた時の文字の太さ';this.color='#触れた時の文字色'" onmouseout="this.style.fontWeight='離れた時の文字の太さ';this.color='#離れた時の文字色'">文字</font> |
| 文字に触れて文字が傾く | <font color="#最初の文字色" onmouseover="this.style.fontStyle='italic';this.color='#触れた時の文字色'">文字</font> |
| 文字に触れて傾き離れて元に戻る | <font color="#最初の文字色" onmouseover="this.style.fontStyle='italic';this.color='#触れた時の文字色'" onmouseout="this.style.fontStyle='normal';this.color='#離れた時の文字色'">文字</font> |
| 文字に触れてコメントが出る（注２） | <font color="#最初の文字色" onmouseover="{alert('コメントの文字')}">文字</font> |
| 文字に触れてコメントが出る(２択編)（注２） | <font color="#最初の文字色" onmouseover="if(confirm('最初のコメント文字')){alert('OKの文字')}else{alert('キャンセルの文字')}">文字</font> |
| 文字に触れると文字が消える | <font color="#最初の文字色" onmouseover="this.style.visibility='hidden'">文字</font> |
| マウスが触れて離れた時に変化編（触れてる時は変化なし） | |
| 文字から離れた時に背景色が変化 | <font color="#最初の文字色" onmouseout="bgColor='#背景色'">文字</font> |
| 文字から離れた時に文字色が変化 | <font color="#最初の文字色 onmouseout="this.color='#離れた時の文字色'">文字</font> |
| 文字から離れた時に文字が変化 | <font color="#最初の文字色" onmouseout="this.innerText='離れた時の文字';this.color='#触れた時の文字色'">文字</font> |
| 文字から離れた時に文字の書体が変化 | <font color="#最初の文字色" face="最初の文字の書体" onmouseout="this.style.fontFamily='離れた時の書体';this.color='#離れた時の書体色'">文字</font> |
| 文字から離れた時に文字の大きさが変化 | <font color="#最初の文字色" onmouseout="this.size='離れた時の文字の大きさ'">文字</font> |
| 文字から離れた時文字の背景色が変化 | <font color="#最初の文字色" style="background-color:#最初の文字の背景色" onmouseout="this.style.background='#離れた時文字背景色';this.color='#離れた時の文字色'">文字</font> |
| 文字から離れた時文字太さ変化（注１） | <font color="#最初の文字色" onmouseout="this.style.fontWeight='離れた時の文字の太さ';this.color='#離れた時の文字色'">文字</font> |
| 文字から離れた時文字が傾く | <font color="#最初の文字色" onmouseout="this.style.fontStyle='italic';this.color='#離れた時の文字色'">文字</font> |
| 文字から離れた時コメントが出る（注２） | <font color="#最初の文字色" onmouseout="{alert('コメントの文字')}">文字</font> |
| 文字から離れた時コメントが出る(２択編)（注２） | <font color="#最初の文字色" onmouseout="if(confirm('最初のコメント文字')){alert('OKの文字')}else{alert('キャンセルの文字')}">文字</font> |
| 文字から離れると文字が消える | <font color="#最初の文字色" onmouseout="this.style.visibility='hidden'">文字</font> |