JavaScriptでレベルアップ！
HTMLだけではホームページの表現にも限界があります。
そこで登場するのが「JavaScript」です。（「ジャバスクリプト」と読みます。）
JavaScriptを使うことにより１ランク上のホームページを目指しましょう！
| サンプル４： 特定の文字の上にカーソルを乗せるとアラート（警告表示） |
<html>
<head>
<title>sample04</title>
</head>
<body>
<a href=""
onMouseOver="alert('Hello!')">この上にカーソルをのせてください。</a>
</body>
</html>
以上をコピー＆ペーストして
sample4.htmlというファイル名で保存しましょう。
そのファイルをブラウザで見ると
この上にカーソルをのせてください。
「この上にカーソルをのせてください。」
と表示されてますね。その文字列の上にカーソルを乗せるとアラートが出ます。
<html>
<head><title>sample09</title></head>
<body>
画像表示切替サンプル<BR>
<form>
<input type="button" value="画像1"
onClick="myImg.src='pic1.gif'">
<input type="button" value="画像2"
onClick="myImg.src='pic2.gif'">
</form>
<IMG src="pic1.gif"
name="myImg">
</body>
</html>
以上をコピー＆ペーストして
sample5.htmlというファイル名で保存しましょう。
そして、pic1.gif と pic2.gif という名前の２つの画像を用意してください。
そのsample5.htmlをブラウザで見ると
画像表示切替サンプル
「画像１」、「画像２」のボタンを押すと絵が切り替わります。
（ここで表示される絵はＧ−ＳＴＡＴＩＯＮで用意した絵なので
実際に表示される絵はご自身で用意した絵です。）
|