基本信息
源码名称：拖动网页元素实例源码下载(jquery.gridly 插件)
源码大小：0.08M
文件格式：.rar
开发语言：js
更新时间：2017-07-14
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 



<!DOCTYPE html>

<html>

  <head>

    <meta charset='UTF-8'>

      <title>jQuery Gridly</title>



      <link href='css/jquery.gridly.css' rel='stylesheet' type='text/css'>

      <link href='css/sample.css' rel='stylesheet' type='text/css'>

      <script src='javascripts/jquery.js' type='text/javascript'></script>

      <script src='javascripts/jquery.gridly.js' type='text/javascript'></script>

      <script src='javascripts/sample.js' type='text/javascript'></script>

      <script src='javascripts/rainbow.js' type='text/javascript'></script>

      <script  type='text/javascript'>
	  var newarray =  new Array();
	  var paixuarray = new Array();
	  function paixu(){	  	  
	    var arrays = $(".brick");	 
			arrays.each(function(){
			newarray.push($(this).css("left").replace("px","")) ;
		});
	 
		var newarraysortarr=newarray.concat();
		sortarr(newarraysortarr);//排序了
	    
		for(var i=0;i<newarraysortarr.length;i  ){
		   	arrays.each(function(){
	            if(newarraysortarr[i]==$(this).css("left").replace("px","")){
			    paixuarray.push($(this).find("a").html());	
		        }  
    		});		
		}
		alert(paixuarray);
		//数组清零
		newarray.splice(0,arrays.length)
		newarraysortarr.splice(0,newarraysortarr.length)
		paixuarray.splice(0,paixuarray.length)
	  }	
	  
	  function sortarr(arr){//冒泡算法
		for(i=0;i<arr.length-1;i  ){
			for(j=0;j<arr.length-1-i;j  ){
				if(arr[j]>arr[j 1]){
					var temp=arr[j];
					arr[j]=arr[j 1];
					arr[j 1]=temp;
				}
			}
		}
		return arr;
	}
	  </script>

    </meta>

  </head>

  <body>



    <div class='content'>
 
      <section class='example'>

        <div class='gridly'>

          <div class='brick small'>

            <a class='delete' href='#'>1</a>

          </div>

          <div class='brick small'>

            <a class='delete' href='#'>2</a>

          </div>

          <div class='brick small'>

            <a class='delete' href='#'>3</a>

          </div>

          <div class='brick small'>

            <a class='delete' href='#'>4</a>

          </div>

          <div class='brick small'>

            <a class='delete' href='#'>5</a>

          </div>
  
        </div>

        <p class='actions'>

          <a class='add button' href='#'>Add</a>

        </p>
		
        <p class='actions'>

          <a  href='#' onclick="paixu()">排序</a>


      </section>
 
    </div>
 
  </body>

</html>