jQuery Gridly拖放插件

jQuery Gridly拖放插件
 点击预览  点击下载

Gridly是一个jQuery插件,它能够拖动删除和调整一个网格的大小。

使用方法

下载并且导入这些文件。其中包含jquery.gridly.js和jquery.gridly.css

  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script> 
  2. <script src="javascript/jquery.gridly.js" type="text/javascript"></script> 
  3. <link href="stylesheets/jquery.gridly.css" rel="stylesheet" type="text/css" /> 

例子:

使用Gridly并不难,下面是参考代码 。 参考使用就能够简单是展示出它的效果。

  1. <style type="text/css"> 
  2.   .gridly 
  3.   { 
  4.     position: relative; 
  5.     width: 960px; 
  6.   } 
  7.   .brick.small 
  8.   { 
  9.     width: 60px; 
  10.     height: 60px; 
  11.   } 
  12.   .brick.large 
  13.   { 
  14.     width: 120px; 
  15.     height: 120px; 
  16.   } 
  17. </style> 
  18. <div class="gridly"> 
  19.   <div class="brick small"></div> 
  20.   <div class="brick small"></div> 
  21.   <div class="brick large"></div> 
  22.   <div class="brick small"></div> 
  23.   <div class="brick small"></div> 
  24.   <div class="brick large"></div> 
  25. </div> 
  26. <script> 
  27.   $('.gridly').gridly(); 
  28. </script> 

转载请注明:代码家园 » jQuery Gridly拖放插件

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)