☆Javascriptを使ってみよう
当サイトで使用しているJavascriptはもちろん、ホームページ作成で 活用できそうな情報をどんどん追加していきますね。コードが多少おかしくてもご勘弁を(^^ゞ
  1. ボタン編
    1. ボタンの上にカーソルを移動した時に画像を変える
ボタンの上にカーソルを移動した時に画像を変える
コード解説 imgをjavascriptを使用して変更しています。
javascriptを使用すれば、簡単に出来ます。
 
◇準備するもの
・初期表示の画像
・マウスがカーソル上に来た時の画像
コード <html>
<head>
<script language="JavaScript">
<!--
function MouseOver(name,img) {
document.images[name].src = img;
}
// -->
</script>
</head>
<body>
<a><img name="name1" src="初期表示の画像"
onMouseOver="MouseOver('name1','マウスがカーソル上に来た時の画像')"
onMouseOut="MouseOver('name1','初期表示の画像')">
</a>
</body>
</html>
実行画面
inserted by FC2 system