***综合类***可调整的列表菜单项
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<script>
function move(index,to) {
var list = document.form.list;
var total = list.options.length-1;
if (index == -1) return false;
if (to == +1 && index == total) return false;
if (to == -1 && index == 0) return false;
var items = new array;
var values = new array;
for (i = total; i >= 0; i--) {
items = list.options.text;
values = list.options.value;
}
for (i = total; i >= 0; i--) {
if (index == i) {
list.options = new option(items,values, 0, 1);
list.options = new option(items, values);
i--;
}
else {
list.options = new option(items, values);
}
}
list.focus();
}
function submitform() {
var list = document.form.list;
var thelist = "?";
for (i = 0; i <= list.options.length-1; i++) {
thelist += "list" + list.options.value + "=" + list.options.text;
if (i != list.options.length-1) thelist += "&";
}
location.href = document.form.action + thelist;
}
</script>
第二步：把如下代码加入到<body>区域中
<form method="get" action="" name="form">
<table>
<tr>
<td align="middle">
<select name="list" size="4">
<option value="1">类目-a</option>
<option value="2">类目-b</option>
<option value="3">类目-c</option>
<option value="4">类目-d</option>
</select><br><br>
<input type="button" value="submit" onclick="submitform()">
</td>
<td valign="top">
<input type="button" value="↑"
onclick="move(this.form.list.selectedindex,-1)"><br><br>
<input type="button" value="↓"
onclick="move(this.form.list.selectedindex,+1)">
</td>
</tr>
</table>
</form>
--------------------------------------
http://www.huoyue.com.cn 活跃网，活跃人群的论坛，访问活跃网，将给您带来意想不到的收获，还可以免费为您开论坛，让您免费拥有与朋友、网友交流的论坛。你是年轻人吗？你活跃你就上！
页:
[1]