オンマウスで文字をかえる
表示の例
■ ここにマウスカーソルを乗せてください ■
文字にマウスポインタをのせたりクリックした時に、表示される文字がかわります。
この文字のソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<font color="#3366FF" style="font-size:15px"><div id="d1" onMouseOver="this.innerText='◆ 表示される文字がかわります ◆'" onMouseOut="this.innerText='● カーソルがはなれてもかわります ●'" onClick="this.innerText='▼ クリックしてもかわりますよ ▼'">■ ここにマウスカーソルを乗せてください ■</div></font>
下の表を見てあなたのお好みにかえてみましょう。
文字の色 color="#3366FF" の #3366FF
文字の大きさ style="font-size:15px" の 15
マウスをのせた時の文字 onMouseOver="this.innerText='◆ 表示される文字がかわります ◆'"
マウスがはなれた時の文字 onMouseOut="this.innerText='● カーソルがはなれてもかわります ●'"
マウスをクリックした時の文字 onClick="this.innerText='▼ クリックしてもかわりますよ ▼'"
ホームページお役立ち小技集のTOPへ