jQuery仿360导航页图标拖动排序效果代码分享

jquery实现360浏览器导航页图标拖动从新排序特效源码是一款模仿360浏览器导航页网站图标拖动排序的代码。本段代码适应于所有网页使用，有兴趣的朋友们可以学习一下。

运行效果图：                                         ----------------------查看效果 下载源码-----------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。
为大家分享的360导航页图标拖动排序效果代码如下

.item_content ul {
 list-style:none;
}
.item_content ul li {
 width:200px;
 height:120px;
 float:left;
 margin:10px
}
.item_content {
 width:740px;
 height:460px;
 border:1px solid #ccc;
 margin:0 auto;
}
.item_content .item {
 width:200px;
 height:120px;
 line-height:120px;
 text-align:center;
 cursor:pointer;
 background:#ccc;
}
.item_content .item img {
 width:200px;
 height:120px;
 border-radius:6px;
}



 
 
  

  

   
   
   
  
  

   
   
   
  
  

   
   
   
  
  

   
   
   
  
  

   
   
   
  
  

   
   
   
  
  

   
   
   
  
  

   
   
   
  
  

   
   
   
  
  
 
 

适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 

以上就是为大家分享的jQuery仿360导航页图标拖动排序效果代码，希望大家可以喜欢。