随笔-103  评论-37  文章-0  trackbacks-0
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 鱼有所思 阅读(399) 评论(0)  编辑 收藏 引用 网摘 所属分类: AJAX

只有注册用户登录后才能发表评论。
网站导航: