マウスを乗せるとページの背景色が変わる
カラーの上にマウスを乗せるだけで背景色が変わります
素材屋さんでおなじみですね。マウスを乗せるだけで背景色が変わります。このサイトはスタイルシートで背景色を指定いるのでページ全体は変えられませんが、そうでない場合は下記のタグをコピーして表示したいところに貼りつけるだけで、オンマウスするたびにページごと背景色が変わります。
テーブルを作り、個々のセルに設定した背景色を利用します。下記のサンプルは、マウスが離れた時の背景色が「白」の設定です。セルの大きさなども自分のお好きなように変えて下さい。
<table cellspacing="0">
<tr>
<td width="10" height="10" bgcolor="#000000（表示される色） " onmouseover="document.bgcolor='#000000'（マウスが乗った時の色） " onmouseout="document.bgcolor=' #ffffff（マウスが離れた時の色）'"></td>
</tr>
</table>
<tr>
<td width="10" height="10" bgcolor="#000000（表示される色） " onmouseover="document.bgcolor='#000000'（マウスが乗った時の色） " onmouseout="document.bgcolor=' #ffffff（マウスが離れた時の色）'"></td>
</tr>
</table>
上記のソース ここからコピーしてね。↓
→ ここからサンプル確認できます。
→ クリックで背景色を変える方法はこちら
●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。
★skip ページtop
