網頁代碼設計技巧系列之-可手動調整的列表菜單.doc

要完成此效果需要兩個步驟第一步：把如下代碼加入到區(qū)域中function move(fbox,tbox) var i = 0;if(fbox.value != ) var no = new Option();no.value = fbox.value;no.text = fbox.value;tbox.optionstbox.options.length = no;fbox.value = ;function remove(box) for(var i=0; ibox.options.length; i+) if(box.optionsi.selected & box.optionsi != ) box.optionsi.value = ;box.optionsi.text = ;BumpUp(box); function BumpUp(abox) for(var i = 0; i abox.options.length; i+) if(abox.optionsi.value = ) for(var j = i; j abox.options.length - 1; j+) abox.optionsj.value = abox.optionsj + 1.value;abox.optionsj.text = abox.optionsj + 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.optionsi.selected & dbox.optionsi != & dbox.optionsi != dbox.options0) var tmpval = dbox.optionsi.value;var tmpval2 = dbox.optionsi.text;dbox.optionsi.value = dbox.optionsi - 1.value;dbox.optionsi.text = dbox.optionsi - 1.textdbox.optionsi-1.value = tmpval;dbox.optionsi-1.text = tmpval2;function Movedown(ebox) for(var i = 0; i ebox.options.length; i+) if (ebox.optionsi.selected & ebox.optionsi != & ebox.optionsi+1 != ebox.optionsebox.options.length) var tmpval = ebox.optionsi.value;var tmpval2 = ebox.optionsi.text;ebox.optionsi.value = ebox.optionsi+1.value;ebox.optionsi.text = ebox.optionsi+1.textebox.options