Html代码 <html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://isocra.com/js/jquery.tablednd.js"></script>
<style>
.tDnD_whileDrag,table.tablednd tbody tr:hover {
background-color: #eee;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#table-1").tableDnD();
});
</script>
</head>
<body>
<table id="table-1" cellspacing="0" cellpadding="2" class="tablednd">
<tr id="1"><td>1</td><td>One</td><td>some text</td></tr>
<tr id="2"><td>2</td><td>Two</td><td>some text</td></tr>
<tr id="3"><td>3</td><td>Three</td><td>some text</td></tr>
<tr id="4"><td>4</td><td>Four</td><td>some text</td></tr>
<tr id="5"><td>5</td><td>Five</td><td>some text</td></tr>
<tr id="6"><td>6</td><td>Six</td><td>some text</td></tr>
</table>
</body>
</html>
官方网站+在线演示：http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/
posted on 2014-11-06 14:38
鱼有所思 阅读(887)
评论(0) 编辑 收藏 引用 网摘 所属分类:
AJAX