直接在下拉式選單中的option選項中賦予路徑,用asp循環輸出靜態方法:將下面的程式碼複製到<body>~</body>內
程式碼
<table cellpadding=2 width=226 cellspacing=2 border=0 >
<tr>
<td width=32 align=right><img id=idface src=..../../../bbs/images/icon/1.gif /><td width=30 ><font class=cha2>頭像</font></td>
<td width=69>
<select class=editbox1 onChange=document.images['idface'].src=options[selectedIndex].value;>
<option value=../../../bbs/images/icon/1.gif selected>頭像1</option>
<option value=../../../bbs/images/icon/2.gif select>頭像2</option>
<option value=../../../bbs/images/icon/3.gif select>頭像3</option>
<option value=../../../bbs/images/icon/4.gif select>頭像4</option>
<option value=../../../bbs/images/icon/5.gif select>頭像5</option>
<option value=../../../bbs/images/icon/6.gif select>頭像6</option>
<option value=../../../bbs/images/icon/7.gif select>頭像7</option>
<option value=../../../bbs/images/icon/8.gif select>頭像8</option>
<option value=../../../bbs/images/icon/9.gif select>頭像9</option>
<option value=../../../bbs/images/icon/10.gif select>頭像10</option>
<option value=../../../bbs/images/icon/11.gif select>頭像11</option>
<option value=../../../bbs/images/icon/12.gif select>頭像12</option>
<option value=../../../bbs/images/icon/13.gif select>頭像13</option>
<option value=../../../bbs/images/icon/14.gif select>頭像14</option>
<option value=../../../bbs/images/icon/15.gif select>頭像15</option>
<option value=../../../bbs/images/icon/16.gif select>頭像16</option>
<option value=../../../bbs/images/icon/17.gif select>頭像17</option>
<option value=../../../bbs/images/icon/18.gif select>頭像18</option>
<option value=../../../bbs/images/icon/19.gif select>頭像19</option>
<option value=../../../bbs/images/icon/20.gif select>頭像20</option>
</select>
</td>
<td width=69>--> 靜態</td>
</tr>
</table>
ASP數組方法:將下面的程式碼複製到<body>~</body>內
程式碼
<table cellpadding=2 width=241 cellspacing=2 border=0 >
<tr>
<td width=32 align=right><img id=idface1 src=..../../../bbs/images/icon/1.gif /><td width=30 ><font class=cha2>頭像</font></td>
<td width=62>
<select onChange=document.images['idface1'].src=options[selectedIndex].value; class=editbox1 >
<%
dim i
for i=1 to 20
%>
<option select value=../../../bbs/images/icon/<%=I%>.gif>頭像<%=I%></option>
<%
next
%>
</select>
</td>
<td width=91> --> ASP 陣列</td>
</tr>
</table>
共同點:
1、<img id=idface src=1.gif> // 都必須在預設的圖片上賦一個ID號
2、<select onChange=document.images['idface'].src=options[selectedIndex].value;> // 再在下拉式選單中呼叫這個ID
.....
</select>
不同點:
在靜態的製作方法中:
程式碼
<select ......>
<option value=1.gif > 頭像1 </option> // 直接在下拉式選單中的option選項中賦予路徑
<option value=2.gif > 頭像2 </option>
.....
</select>
-------------------------------------------------- ------------------------------
在ASP數組定義方法中:
程式碼
<select ......>
<% dim i // 定義數組i
for i=1 to 20 // 定義i 的值為1~20
%>
<option select value=<%=I%>.gif>頭像<%=I%></option> // 顯示第一個選項的值
<% next %> // 下一條
</select>