表示されているタグをコピー＆ペーストして使用してくださいね♪
カーソルをあわせると画像が変わる
<img src="http://...画像１のＵＲＬ"onmouseover="this.src=http://...’画像２のＵＲＬ’"onmouseout="this.src=http://...’画像１のＵＲＬ’">
カーソルをあわせるとだんだん字が大きくなる
（￣￣ー￣￣）ニヤリ
<font id="TEST" onmouseover="i=1;timerID=setInterval('if(i<=7){i++;TEST.size=i}if(i>7){clearInterval(timerID);TEST.size=1}',500)" size="1" color="blue" style="cursor:hand"><b>カーソルをあわせる文字</b></font>
カーソルをあわせると文字列の下地の色が変わる その１
(≧ω≦)ぶぁっはっはっ！！
<font color="文字の色" style="font-size:文字のサイズpx" onMouseOver="this.style.background='カーソルをあわせた時の色'">下地の色がかわる部分の文字列</font>
こちらはマウスをはずしても変わったままです。
カーソルをあわせると文字列の下地の色が変わる その２
(≧ω≦)ぶぁっはっはっ！！
<font color="文字の色" style="font-size:文字のサイズpx" onMouseOver="this.style.background='カーソルをあわせた時の色'" onMouseOut="this.style.background='カーソルをはずした後の色'">下地の色がかわる部分の文字列</font>
こちらはマウスをあわせたときとはずしたときの色をそれぞれ変えることが出来ます。
カーソルをあわせると文字列が変わる
カーソルをあわせてみてね♪
<DIV id="d1" onmouseover="this.innerText='カーソルをあわせたときの文字'" onmouseout="this.innerText='あわせてからはずした後の文字'" onclick="this.innerText='クリックしたときの文字'">カーソルをあわせる前の文字</DIV>
カーソルをあわせると文字の色が変わる その１
ヾ(≧△≦)ノ彡☆力"ノヽノヽノヽ！！
<font color="はじめの色" style="font-size : 文字の大きさpx" onMouseOver="this.color='カーソルをのせたときの色'"</font>
こちらはマウスをはずしても変わったままです。
カーソルをあわせると文字の色が変わる その２
ヾ(≧△≦)ノ彡☆力"ノヽノヽノヽ！！
<font color="はじめの色" style="font-size : 文字の大きさpx" onMouseOver="this.color='カーソルをのせたときの色'" onMouseOut="this.color='はずした後の色'">カーソルをあわせる文字</font>
こちらはマウスをあわせたときとはずしたときの色をそれぞれ変えることが出来ます。
カーソルをあわせると文字のサイズが変わる その１
↓カーソルをあわせると小さくなる
┬┴┬┴┤ー￣)))ニヤリー￣)))ニヤリー￣)))ニヤリ
↓カーソルをあわせると大きくなる
<(￣＾￣)>えっへん！
<FONT color="文字の色" style="font-size:あわせる前の大きさpx" onMouseOver="this.style.fontSize='あわせたときの大きさ'"></FONT>
こちらはマウスをはずしても変わったままです。
カーソルをあわせると文字のサイズが変わる その２
↓カーソルをあわせると小さくなる
┬┴┬┴┤ー￣)))ニヤリー￣)))ニヤリー￣)))ニヤリ
↓カーソルをあわせると大きくなる
<(￣＾￣)>えっへん！
<FONT color="文字の色" style="font-size:あわせる前の大きさpx" onMouseOver="this.style.fontSize='あわせたときの大きさ'" onMouseOut="this.style.fontSize='はずしたときの大きさ'">カーソルをあわせる文字</FONT>
こちらはマウスをはずすと元の大きさに戻ります。
カーソルをあわせると文字の形態が変わる その１
↓太字になる
Σ(￣￣￣∇￣￣￣ノ)ノ！
<font color="文字の色" style="font-size:文字のサイズpx" onMouseOver="this.style.fontWeight='bold'">変化させたい文字</font>
↓斜体になる
（ノ＞д＜。）ノ
<font color="文字の色" style="font-size:文字のサイズpx" onMouseOver="this.style.fontStyle='italic'">変化させたい文字</font>
こちらはマウスをはずしても変わったままです。
カーソルをあわせると文字の形態が変わる その２
↓太字になる
Σ(￣￣￣∇￣￣￣ノ)ノ！
<font color="文字の色" style="font-size:文字のサイズpx" onMouseOver="this.style.fontWeight='bold'" onMouseOut="this.style.fontWeight='normal'">変化させたい文字</font>
↓斜体になる
（ノ＞д＜。）ノ
<font color="文字の色" style="font-size:文字のサイズpx" onMouseOver="this.style.fontStyle='italic'" onMouseOut="this.style.fontStyle='normal'">変化させたい文字</font>
こちらはマウスをはずすと元の大きさに戻ります。
カーソルで色にふれると背景色が変わる
サンプルページ
<table border="1" cellpadding="5">
<tr>
<td bgcolor="white"><font color="背景色にしたい色" style="font-size:25px" onMouseOver="document.bgColor='背景色にしたい色'" onMouseOut="document.bgColor='背景色にしたい色'">■</font></td>
<td bgcolor="white"><font color="背景色にしたい色" style="font-size:25px" onMouseOver="document.bgColor='背景色にしたい色'" onMouseOut="document.bgColor='背景色にしたい色'">■</font></td>
<td bgcolor="white"><font color="背景色にしたい色" style="font-size:25px" onMouseOver="document.bgColor='背景色にしたい色'" onMouseOut="document.bgColor='背景色にしたい色'">■</font></td>
<td bgcolor="white"><font color="背景色にしたい色" style="font-size:25px" onMouseOver="document.bgColor='背景色にしたい色'" onMouseOut="document.bgColor='背景色にしたい色'">■</font></td>
<td bgcolor="white"><font color="背景色にしたい色" style="font-size:25px" onMouseOver="document.bgColor='背景色にしたい色'" onMouseOut="document.bgColor='背景色にしたい色'">■</font></td>
<td bgcolor="white"><font color="背景色にしたい色" style="font-size:25px" onMouseOver="document.bgColor='背景色にしたい色'" onMouseOut="document.bgColor='背景色にしたい色'">■</font></td>
</tr>
</table>
<td bgcolor="white">〜</td>のなかの３つの「背景色にしたい色」は
３つとも必ず同じ色をいれてください
リンク先にカーソルを合わせるとポインターが変わる
サンプルページ
<A HREF="http://．．貼りたいページのＵＲＬ" STYLE="cursor:ポインターの種類">リンクさせる文字列・画像</A>
| ポインターの種類 |
| n-resize | 上下矢印 | crosshair | クロス形 |
| sw-resize | ななめ矢印 | text | アイビーム |