プルダウンメニューで背景画像をかえる
クリックすると背景画像がかわります。
ソース
<html>
<head>
<title>プルダウンメニューで背景画像をかえる</title>
</head>
<body onload="Back()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function Back(){
num=document.F1.S1.selectedIndex;
myback=document.F1.S1[num].value;
if(myback!="-"){
document.body.background=myback;
}
}
//-->
</SCRIPT>
<FORM method="post" name="F1">
<select onChange="Back()" name="S1">
<OPTION selected value="-">背景を選んで下さい</OPTION> 
<OPTION value="-">-----------------</OPTION> 
<OPTION value="images/back01.gif">背景 1</OPTION>
<OPTION value="images/back02.gif">背景 2</OPTION>
<OPTION value="images/back03.gif">背景 3</OPTION>
<OPTION value="images/back04.gif">背景 4</OPTION>
<OPTION value="images/back05.gif">背景 5</OPTION>
<OPTION value="-">-----------------</OPTION> 
</select>
</FORM>
</body>
</html>
JavaScript GarageのTopへ戻る