| ポイント |
<![CDATA[
document.body.style.backgroundImage = "url(sample"+n+".jpg)";
]]>
|
| 説 明 |
背景画像を変更するにはbodyオブジェクトのスタイルシートのbakcgroundImageに画像URLを設定します。しかし、直接URLを指定するのではなくurl(画像ファイル名)のようにurl〜を代入する必要があります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ボタンを押すと背景画像を変える</title>
<script language="JavaScript"><!--
function setBG(n)
{
document.body.style.backgroundImage = "url(sample"+n+".jpg)";
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="button" value="１番目の画像" onClick="setBG(1)"><br>
<input type="button" value="２番目の画像" onClick="setBG(2)"><br>
<input type="button" value="３番目の画像" onClick="setBG(3)"><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ボタンを押すと背景画像を変える