オンマウス文字１
(のせると表示)

この文字にマウスをのせて下さい♪


<span onmouseover="document.all.item('moji1').style.visibility='visible'"> この文字にマウスをのせて下さい♪ </span> <div ID="moji1" style="visibility:hidden;"> 表示される文字 </div>







オンマウス文字２
(のせると非表示)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.visibility='hidden'"> 消したい文字 </span>







オンマウス文字３
(のせると表示、離すと非表示)

この文字にマウスをのせて下さい♪


<span onmouseover="document.all.item('moji2').style.visibility='visible'" onmouseout="document.all.item('moji2').style.visibility='hidden'"> この文字にマウスをのせて下さい♪ </span> <div ID="moji2" style="visibility:hidden;"> 表示される文字 </div>







オンマウス文字４
(のせると文字の色が変わる)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.color='カラー名(コード)'"> 対象となる文字 </span>







オンマウス文字５
(のせると文字の色が変わる、離すと戻る)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.color='カラー名'"onmouseout="this.style.color='元の文字のカラー名'"> 対象となる文字 </span>







オンマウス文字６
(のせると背景の色が変わる)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.background='背景色'"> 対象となる文字 </span>







オンマウス文字７
(のせると背景の色が変わる、離すと戻る)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.background='背景色'" onmouseout="this.style.background='ページの背景色'"> この文字にマウスをのせて下さい♪ </span>







オンマウス文字８
(のせると文字の大きさが変わる)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.fontSize='50'"> 対象となる文字 </span>







オンマウス文字９
(のせると文字の大きさが変わる、離すと戻る)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.fontSize='50'" onmouseout="this.style.fontSize='17'"> 対象となる文字 </span>







オンマウス文字１０
(のせると書体が変わる)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.fontFamily='書体名'"> 対象となる文字 </span>







オンマウス文字１１
(のせると書体が変わる、離すと戻る)

この文字にマウスをのせて下さい♪

<span onmouseover="this.style.fontFamily='書体名'" onmouseout="this.style.fontFamily=''"> 対象となる文字 </span>







オンマウス文字１２
(のせるとステータスバーに文字を表示、離すと非表示)

ここにマウスをのせて下さい

(リンクに応用する場合は「リンク文字」をご覧下さい)
<span onmouseover="status='ステータスバーの文字';return true"onmouseout="status=''">対象となる文字</span>







オンマウス文字１３
(のせると文字変更)

この文字にマウスをのせて下さい

(ここでは[文字Ａ]はコピペで飾ろうホームページ、[文字Ｂ]はこの文字に〜)
<span onmouseover="this.innerText='文字Ａ'" onmouseout="this.innerText='文字Ｂ'"> 文字Ｂ </span>







オンマウス文字１４
(のせるとページの背景色を変更)

この文字にマウスをのせて下さい

背景色はブラウザの「更新」をクリックすると元に戻ります <font size="3" color="文字の色" onmouseover="document.bgColor='変える背景色'"> この文字にマウスをのせて下さい </font>







オンマウス文字１５
(のせるとページの背景色を変更離すと戻る)

この文字にマウスをのせて下さい

背景色はブラウザの「更新」をクリックすると元に戻ります <font size="3" color="文字の色" onmouseover="document.bgColor='変える背景色'" onmouseout="document.bgColor='元の背景色'"> この文字にマウスをのせて下さい </font>







オンマウス文字１６
(のせるとページの背景画像を変更離すと戻る)

この文字にマウスをのせて下さい

スタイルシートで背景画像を指定してるときは変更できません <span onmouseover="document.style.body.backgroundImage='url(背景にする画像URL)'" onmouseout="document.style.body.backgroundImage='url()'"> この文字にマウスをのせて下さい </span>