11、相片选择器一个代码

11、相片选择器一个代码

脚本说明:

第一步:把如下代码加入<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="../shijian/image/flag.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>

 

 

Write a comment

Comments: 0