
Gridly是一个jQuery插件,它能够拖动删除和调整一个网格的大小。
使用方法
下载并且导入这些文件。其中包含jquery.gridly.js和jquery.gridly.css
- <sc
ript src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javasc ></script" ript >- <sc
ript src="javasc type="text/jaript/jquery.gridly.js" vasc ></script" ript >- <li
nk href="stylesheets/jquery.gridly.css" rel="stylesheet" type="text/css" />
例子:
使用Gridly并不难,下面是参考代码 。 参考使用就能够简单是展示出它的效果。
- <st
yle type="text/css">- .gridly
- {
- position: relative;
- width: 960px;
- }
- .brick.small
- {
- width: 60px;
- height: 60px;
- }
- .brick.large
- {
- width: 120px;
- height: 120px;
- }
- </st
yle >- <div class="gridly">
- <div class="brick small"></div>
- <div class="brick small"></div>
- <div class="brick large"></div>
- <div class="brick small"></div>
- <div class="brick small"></div>
- <div class="brick large"></div>
- </div>
- <sc
ript >- $('.gridly').gridly();
- </sc
ript >
转载请注明:代码家园 » jQuery Gridly拖放插件