表格复选、复选变色、以及行的间隔行 dn001 2009-06-21 08:16:59 <!-- 把如下代码加入<body>区域中 --> <!-- http://bbs.knowsky.com --> <!--脚本说明: 第一步:把如下代码加入<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="http://www.knowsky.com/images/geren.jpg">相片一 <option value="http://www.knowsky.com/images/geren.jpg">相片二 <option value="http://www.knowsky.com/images/logo.gif">相片三 <option value="http://www.knowsky.com/images/12090.gif">相片四 <option value="http://www.knowsky.com/images/host.jpg">相片五 <option value="http://www.knowsky.com/images/qiye.jpg">相片六 <option value="http://www.knowsky.com/images/shangye.jpg">相片七 </select> </FORM>