マウスオーバー
マウスを上に乗せると斜体に変わる
＜例＞
ここにマウスを置くと斜体に変化します。
<DIV onmouseover="this.style.fontStyle='italic'" onmouseout="this.style.fontStyle='normal'"> 文字</DIV>
文字の大きさが変わる
＜例＞
ここにマウスを置くと、文字サイズが変化
<DIV style="font-size:16px" onmouseover="this.style.fontSize='20px'" onmouseout="this.style.fontSize='12px'"> 文字</DIV>
フォントを変える
＜例＞
ここにマウスを置くと、フォントが変わる
<SPAN style="font-family:'sans-serif'" onmouseover="this.style.fontFamily='fantasy'" onmouseout="this.style.fontFamily='sans-serif'"> 文字</SPAN> </FORM></TABLE>
文字の背景色を変える
＜例＞
背景色を変える
<SPAN onmouseover="this.style.background='blue';" onmouseout="this.style.background='white';"> 文字 </SPAN>
画像が変化
＜例＞
<span onmouseout="changeimg.src='最初の画像のＵＲＬ'" onmouseover="changeimg.src='変える画像のＵＲＬ'"> <img src="最初の画像のＵＲＬ" width="100" height="100" border="0" name="changeimg"> </span>
＜例＞
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
