ボタンを押すと背景画像が変わる
背景画像を読み込むまで少々時間がかかるかもしれません。
| サンプル |
| <HEAD> <SCRIPT LANGUAGE="JavaScript"> backg1 = new Image(); backg1.src = "http://www.act2cool.com/html/art/sankaku.gif"; backg2 = new Image(); backg2.src = "http://www.act2cool.com/html/art/p1b.gif"; backg3 = new Image(); backg3.src = "http://www.act2cool.com/html/art/hanabira2.gif"; function imach(imgName) { document.body.background = eval(imgName + ".src"); } // --> </script> </HEAD> <BODY> <input type="button" value="１番目の画像" onClick="imach('backg1');"> <input type="button" value="２番目の画像" onClick="imach('backg2');"> <input type="button" value="３番目の画像" onClick="imach('backg3');"> </BODY> |
| 赤いところを画像のURLを記入してください。 後は規則道理に記述すれば増やすなり減らすなり出来ます。 document.body.style.backgroundImage = "url(backg"+n+".jpg)"; を使うっていう方法もありますね。 個人的にはこっちのほうが分かり易い・・・・。 コピー・ペーストしてこちらですぐに実験できます。 |