图形选择脚本

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 图形选择脚本 (http://www.webasp.net/javascript/1/405.htm)
-- 发布日期： 2005-06-08
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中： -->

<SCRIPT LANGUAGE="JavaScript">
<!--
image1= new Image();
image1.src = "../images/405/1.jpg";
image2= new Image();
image2.src = "../images/405/2.jpg";
image3= new Image();
image3.src = "../images/405/3.jpg";

function imgchange(){
var imageNum = document.form.selImage.selectedIndex + 1;
fname = eval("image" + imageNum + ".src")
document.img.src = fname
}
//-->
</SCRIPT>





<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<FORM name="form">
<SELECT NAME="selImage" size=1>
<OPTION>Image 1
<OPTION>Image 2
<OPTION>Image 3
</SELECT>
<INPUT type="button" value="View" onClick="imgchange()">
</FORM>
<IMG SRC="../images/405/1.jpg" NAME="img">


webasp.net