减小字体 增大字体
] 源码如下----------------------------------------------------------<HTML><HEAD><TITLE>移动下拉框-www.51windows.Net</TITLE><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><META NAME="Description" CONTENT="Power by 51windows.Net"></HEAD><BODY><!-- meizz --><table border=0 cellpadding=0 cellspacing=0><form name=meizz> <tr><td> <select id=list1 size=8 ondblclick="moveOption(this, this.form.list2)"> <option value=A>aaaaaaaaaa <option value=B>bbbbbbbbbb <option value=C>cccccccccc <option value=D>dddddddddd <option value=E>eeeeeeeeee <option value=F>ffffffffff <option value=G>gggggggggg <option value=H>hhhhhhhhhh </select></td> <td width=40 align=center> <input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)"><br><br> <input name=sub type=button value="<<<" onclick="moveOption(this.form.list2, this.form.list1)"> </td><td> <select id=list2 size=8 ondblclick="moveOption(this, this.form.list1)"> </select> </td></tr></form></table><script language="JavaScript"><!--function moveOption(e1, e2){ try{ var e = e1.options[e1.selectedIndex]; e2.options.add(new Option(e.text, e.value)); e1.options.remove(e1.selectedIndex); } catch(e){}}//--></script></BODY></HTML>
[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]