前端页面代码：

  首先调用js文件，js代码调用，循环显示各模块

    
      
     
       
      
       $(function(){       $(".m_title4").bind('mouseover',function(){           $(this).css("cursor","move")       });       var $show = $("#loader4");        var $orderlist = $("#orderlist4");       var $list = $("#module_list4");            $list.sortable({           opacity: 0.6, //设置拖动时候的透明度           revert: true, //缓冲效果           cursor: 'move', //拖动的时候鼠标样式           handle: '.m_title4',  //可以拖动的部位，模块的标题部分           update: function(){                var new_order = [];               var oldid  = [];              $list.children(".modules").each(function() {                   new_order.push(this.title);                 oldid.push(this.id);               });               var newid = new_order.join(',');               var news  = oldid.join(',');              var ids = news.split(',');             var lens=ids.length;             $(".button").click(function(){                     for(var i=0;i
       
        
             #module_list4{margin-left:4px}       .modules{float:left; width:133px; height:auto; margin:10px; margin-top:0; border:1px solid #ccc;-webkit-box-shadow:1px 1px 3px #292929;    -moz-box-shadow:1px 1px 3px #292929;    box-shadow:1px 1px 3px #292929;}     .chanpin dd{ line-height:140%; padding-left:4px; color:#333}     .dt{ text-align:center; padding-top:4px}     .red{ color:#FF4400; font-weight:bold;font-size:14px;}    .subject{ font-weight:bold; padding-bottom:2px; font-family:"黑体"; font-size:13px; overflow:hidden; width:131px;height:20px;}    .m_title4{height:24px; line-height:24px; background:#afc6e9}       #loader4{height:24px; text-align:center}  
         
             
          
                 
                 
           $value){?>       
           
            " id="
            ">              
            
                         
             
                            
              
               " class="m_title4"  alt="
               " title="
               " width="126px" style="height:85px;" />                        
               
                ">               
                                                    
                
                 aa：
                 
                              
                  
                                 
                   
                    /admin/admin_memory_card/update_memory_card/
                    " target="dialog" width="914" height="515" mask="true">
                    
                   
                  
                 
                
            
                
                                bb：
                 
                                     
                  
                                           
                   
                    /admin/admin_memory_card/del_memory_card/
                    " target="ajaxTodo" title="你确定要删除吗？">
                                                               
                    
                     台    币：
                     
                      
                     
                    
                                 
                        
                    
                           
                     
                      确认修改    
                     
                    
                   
                  
                 
                
               
              
             
            
           
          
         
        
       
      
     
    

在控制器admin_memory.php中加入如下代码，用来保存拖动模块的顺序

function sort_update(){        $id = trim($_REQUEST['id']);        $sort = trim($_REQUEST['px']);        $sql="update product set sort='$sort' where id='$id'";        echo $sql;        $query=mysql_query($sql);        if($query){            echo $query;        }    }

这个我是在后期改成自己需要的

原链接地址：http://www.helloweba.com/view-blog-72.html