相片选择器脚本
下面为脚本显示区
请选择相片
相片一
相片二
相片三
相片四
相片五
相片六
相片七
脚本说明: 第一步:把如下代码加入<head>区域中 <Script Language="JavaScript"> <!-- Begin function display_image(form) { selectionname = form.imagename.options[form.imagename.selectedIndex].text; selection = form.imagename.options[form.imagename.selectedIndex].value; PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=360,height=440 left=0 top=0"); PreView.document.open(); PreView.document.write("<HTML><HEAD>"); PreView.document.write("<TITLE>Preview</TITLE>"); PreView.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>"); PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" + selectionname + "</FONT></B><HR>"); PreView.document.write("<IMG HSPACE=0 VSPACE=0 " + "SRC='" + selection + "'>"); PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='关闭窗口' " + "onClick='window.close()'></FORM>"); PreView.document.write("</CENTER>"); PreView.document.write("</BODY></HTML>"); PreView.document.close(); } // End --> </SCRIPT> 第二步:把如下代码加入<body>区域中 <FORM> <select NAME="imagename" onChange="display_image(this.form)"> <option value="" SELECTED>请选择相片 <option value="hhy1.jpg">相片一 <option value="hhy2.jpg">相片二 <option value="hhy3.jpg">相片三 <option value="hhy4.jpg">相片四 <option value="hhy5.jpg">相片五 <option value="hhy6.jpg">相片六 <option value="hhy7.jpg">相片七 </select> </FORM>