图形选择脚本

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

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

<SCRIPT LANGUAGE="JavaScript">
<!--
image1= new Image();
image1.src = "http://www.webasp.net/images/logo.gif";
image2= new Image();
image2.src = "http://www.webasp.net/images/logos.gif";

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
</SELECT>
<INPUT type="button" value="View" onClick="imgchange()">
</FORM>
<IMG SRC="http://www.webasp.net/images/logo.gif" NAME="img">
webasp.net