这个例子是上移下移功能
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function searchObjByTagName(obj, tag)
{
while(obj!=null && typeof(obj.tagName) != "undefind")
{
if(obj.tagName == tag.toUpperCase()) return(obj);
obj = obj.parentElement;
}
return null;
}
function mm(e, n)
{
var tab = searchObjByTagName(e, "TABLE");
var tr = searchObjByTagName(e, "TR");
var i = tr.rowIndex;
var m = i+n>tab.rows.length-1? tab.rows.length-1 : i+n;
if(m==-1) m=0;
tab.moveRow(i, m);
}
//-->
</SCRIPT>
<body>
<form id="form1" name="form1" method="post" action="">
<label></label>
<table border=1 width=400>
<tr>
<td>姓名</td>
<td>数学</td>
<td>历史</td>
<td>外语</td>
<td>总分</td>
<td> </td>
</tr>
<tr>
<td>张三</td>
<td>78</td>
<td>82</td>
<td>85</td>
<td>245</td>
<td><input type=button value="上移" onclick="mm(this, -1)">
<input type=button value="下移" onclick="mm(this, 1)"></td>
</tr>
<tr>
<td>王二</td>
<td>78</td>
<td>92</td>
<td>95</td>
<td>265</td>
<td><input type=button value="上移" onclick="mm(this, -1)">
<input type=button value="下移" onclick="mm(this, 1)"></td>
</tr>
<tr>
<td>李四</td>
<td>78</td>
<td>92</td>
<td>85</td>
<td>255</td>
<td><input type=button value="上移" onclick="mm(this, -1)">
<input type=button value="下移" onclick="mm(this, 1)"></td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
对于GridPanel中拖动选中行排序的实现，网上有不少ExtJs实现的例子，但是...4、加了【最上】【最下】【上移】【下移】四个按钮排序的功能。目前按钮排序只能在Grid的单选模式下使用。 实现说明与功能演示请见我的Blog
以上就是使用AngularJS实现数据列表增加、删除和上移下移功能的基本思路。在实际开发中，可能还需要处理边界条件、错误检查和用户反馈等细节。通过这种方式，我们可以轻松地创建出具有动态交互特性的列表，提高用户...
上移节点通常意味着将其设置为当前父节点的前一个节点；下移则设置为后一个节点；左移可能意味着降低层次，右移则提升层次。 3. **刷新视图**：最后，调用`Redraw`或`Refresh`方法更新Treeview控件的显示，确保用户...
这个项目“Vue中列表子项实现上移或下移”正是针对这种需求的一个示例，它可能包含一个Vue组件，该组件能够实现列表项的上下移动功能，以提供自定义排序的交互体验。下面我们将详细讨论实现这一功能所需的关键知识点...
本文将详细介绍如何使用 JavaScript 实现 Select 列表中的选项上移和下移功能，这对于动态调整列表顺序，尤其是用户自定义排序的场景十分有用。 首先，我们需要理解 Select 元素在 HTML 中的作用。Select 元素用于...
我们交换数组可以实现元素上下移动了，这个效果我们在表格或以前排序算法中都会用到，下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候，要实现一个数组记录上下移动的示例。写起来也没有没...
当用户点击上移或下移按钮时，可以触发相应的jQuery事件处理器，并执行这些操作。 对于置顶功能，可以创建一个特殊的行（比如带有特定标识的`<tr>`），并将当前选中行移到表格的最上方。这可能需要先删除现有选中行...
在这个例子中，我们为具有`.move-up`, `.move-down`和`.move-top`类的按钮添加了事件监听器，当用户点击这些按钮时，相应的移动操作会被执行。 ### 6. 性能优化 在处理大量元素时，应考虑性能问题。一次性操作多个...
然后在窗体的toolStrip1上设置这个自定义的renderer： ```csharp toolStrip1.Renderer = new CustomToolStripRenderer(); ``` 综上所述，通过以上方法，我们可以实现一个具有拖动、自定义最大化/最小化/关闭按钮、...
4，在多选的情况下可以执行移除，上移，下移操作， 在移除操作中会弹出窗口确认用户是否真的执行。 5，在执行移除，上移，下移之后可以使上次所选的字符依然处于先中状态。 6,在输入字符时可以可以用回车键代替...
当用户鼠标悬停在按钮上时，按钮背景颜色变深，增加阴影，并向上移动；当用户点击按钮时，按钮背景颜色变得更深，阴影加重，并向下移动，给人一种真实的按压感觉。 除了以上的基本技巧，还可以通过`@keyframes`创建...
在VB（Visual Basic）编程中，`TreeView`控件是一个常用元素，用于创建层次结构的显示，类似于Windows资源管理器中的文件系统结构。本实例主要关注`TreeView`控件的节点操作，包括拖动、增加和删除节点。下面将详细...
修复对象上移或下移一层有脚本错误信息的问题 修复删除对象时有脚本错误信息的问题 v2.8.0修正版更新： 1、修正远程文件自动上传可能导致表单二次提交的问题。 此功能的实现方法使得远程自动上传功能更加...
在这个例子中，SVG图标会持续旋转，为购物车按钮增添动态感。 总的来说，"CSS3+SVG实现添加购物车按钮动画特效.zip" 的内容可能包括如何使用CSS3的动画和过渡特性，以及如何结合SVG来创建交互式的图形动画。这对于...
这个功能对于构建具有交互性的用户界面非常有用，特别是当需要让用户自定义选项集时。 首先，我们需要了解基本的HTML结构。在这个例子中，我们有两个`<select>`元素，分别命名为`list1`和`list2`。`list1`包含初始...
这个属性接受一个或四个值，分别设置上、右、下、左四个边的圆角半径。例如： ```css .box { border-radius: 10px; /* 所有四边的圆角半径都是10像素 */ } ``` 如果想要分别设置各个边的圆角半径，可以这样做： ...
在这个案例中，我们需要创建一个HTML表格（`<table>`元素），并在表格中设置编辑按钮和操作指示符，如加号（+）用于新增，减号（-）用于删除，上箭头和下箭头用于上移和下移行。 接下来，我们引入JavaScript，这是...
在这个例子中，`li`元素可能包含`div`，并且是移动操作的对象。 5. **索引操作**： - `$tr.index()` 返回`li`元素在它的兄弟元素中的索引位置。 - 判断`$tr.index() != 0`以确认元素不是列表的第一个元素，避免在...
例如，要实现表格行的上下移动，可以为每一行添加两个按钮，一个表示上移，一个表示下移。点击按钮时，获取当前行的索引，然后根据上移或下移的需求调整行的位置。以下是一个基本的实现思路： 1. 给每个需要移动的...
- **上移/下移**：这两个按钮允许用户调整属性列表中项的位置顺序。 - **编辑**：单击“编辑”按钮可以打开一个新对话框，以便对选定属性进行更详细的自定义设置。 - **删除**：此选项用于移除不再需要的属性...