上一页 返回教程首页 下一页
名称
图片选择显示下拉列表
实例
图片一 图片二 图片三
教程
第一步：拷贝下面的代码到你的html文件的<head>和</head>之间；
<SCRIPT LANGUAGE="JavaScript"> <!--image1= new Image();image1.src = "image1.gif";image2= new Image();image2.src = "image2.gif";image3= new Image();image3.src = "image3.gif";function imgchange(){ var imageNum = document.form.selImage.selectedIndex + 1; fname = eval("image" + imageNum + ".src") document.img.src = fname}//--> </SCRIPT>
第二步：拷贝下面的代码到你的html文件的<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="image1.gif" NAME="img"><br>
说明：这个js有什么用，就看你的创意了：）
