网页代码设计技巧系列之-可手动调整的列表菜单.docVIP

要完成此效果需要两个步骤第一步：把如下代码加入到head区域中scriptfunction move(fbox,tbox) {var i = 0;if(fbox.value != ) {var no = new Option();no.value = fbox.value;no.text = fbox.value;tbox.options[tbox.options.length] = no;fbox.value = ;}}function remove(box) {for(var i=0; ibox.options.length; i++) {if(box.options[i].selected box.options[i] != ) {box.options[i].value = ;box.options[i].text = ;}}BumpUp(box);} function BumpUp(abox) {for(var i = 0; i abox.options.length; i++) {if(abox.options[i].value == ) {for(var j = i; j abox.options.length - 1; j++) {abox.options[j].value = abox.options[j + 1].value;abox.options[j].text = abox.options[j + 1].text;}var ln = i;break;}}if(ln abox.options.length) {abox.options.length -= 1;BumpUp(abox);}}function Moveup(dbox) {for(var i = 0; i dbox.options.length; i++) {if (dbox.options[i].selected dbox.options[i] != dbox.options[i] != dbox.options[0]) {var tmpval = dbox.options[i].value;var tmpval2 = dbox.options[i].text;dbox.options[i].value = dbox.options[i - 1].value;dbox.options[i].text = dbox.options[i - 1].textdbox.options[i-1].value = tmpval;dbox.options[i-1].text = tmpval2;}}}function Movedown(ebox) {for(var i = 0; i ebox.options.length; i++) {if (ebox.options[i].selected ebox.options[i] != ebox.options[i+1] != ebox.options[ebox.options.length]) {var tmpval = ebox.options[i].value;var tmpval2 = ebox.options[i].text;ebox.options[i].value = ebox.options[i+1].value;ebox.options[i].text = ebox.options[i+1].textebox.options[i+1].value = tmpval;ebox.options[i+1].text = tmpval2;}}}/script第二步：把如下代码加入到body区域中form ACTION= METHOD=POSTtable align=centertrtdinput type=text name=list1 value=/tdtdinput type=button value=添加 onclick=move(this.form.list1,this.form.list2) name=B1brinput type=button value=删除 onclick=remove(this.form.list2) name=B2brbrinput type=button value=上移 onclick=Moveup(this.form.list2) name=B3brinput type=button value=下移 onclick=Movedown(this.form.list2) name=B