isotope-master
所属分类:matlab编程
开发工具:matlab
文件大小:83KB
下载次数:0
上传日期:2019-06-06 05:41:35
上 传 者:
htboz
说明: Isotope
Filter & sort magical layouts
See isotope.metafizzy.co for complete docs and demos.
Install
Download
isotope.pkgd.js un-minified, or
isotope.pkgd.min.js minified
CDN
Link directly to Isotope files on unpkg.
文件列表:
.jshintrc (93, 2018-05-19)
bower.json (813, 2018-05-19)
dist (0, 2018-05-19)
dist\isotope.pkgd.js (91398, 2018-05-19)
dist\isotope.pkgd.min.js (35445, 2018-05-19)
gulpfile.js (3555, 2018-05-19)
js (0, 2018-05-19)
js\isotope.js (17537, 2018-05-19)
js\item.js (1767, 2018-05-19)
js\layout-mode.js (4020, 2018-05-19)
js\layout-modes (0, 2018-05-19)
js\layout-modes\fit-rows.js (1397, 2018-05-19)
js\layout-modes\masonry.js (1838, 2018-05-19)
js\layout-modes\vertical.js (1103, 2018-05-19)
package.json (1309, 2018-05-19)
sandbox (0, 2018-05-19)
sandbox\basic.html (1634, 2018-05-19)
sandbox\bottom-up.html (3098, 2018-05-19)
sandbox\browserify (0, 2018-05-19)
sandbox\browserify\browserify.html (4592, 2018-05-19)
js (1141, 2018-05-19)
sandbox\browserify\main.js (1456, 2018-05-19)
sandbox\cells-by-row.html (6761, 2018-05-19)
sandbox\combination-filters-inclusive.html (6831, 2018-05-19)
sandbox\combination-filters.html (6838, 2018-05-19)
sandbox\filter-sort.html (6708, 2018-05-19)
sandbox\fitrows.html (3443, 2018-05-19)
sandbox\fluid.html (2137, 2018-05-19)
sandbox\horizontal-layout-modes.html (6574, 2018-05-19)
sandbox\insert.html (2777, 2018-05-19)
sandbox\jquery.html (6853, 2018-05-19)
sandbox\js (0, 2018-05-19)
sandbox\js\require-js.js (1513, 2018-05-19)
sandbox\masonry-horizontal.html (7272, 2018-05-19)
... ...
# Isotope
_Filter & sort magical layouts_
See [isotope.metafizzy.co](https://isotope.metafizzy.co) for complete docs and demos.
## Install
### Download
+ [isotope.pkgd.js](https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js) un-minified, or
+ [isotope.pkgd.min.js](https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js) minified
### CDN
Link directly to Isotope files on [unpkg](https://unpkg.com).
``` html
```
### Package managers
npm: `npm install isotope-layout --save`
Bower: `bower install isotope-layout --save`
## License
### Commercial license
If you want to use Isotope to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. Purchase an Isotope Commercial License at [isotope.metafizzy.co](https://isotope.metafizzy.co/#commercial-license)
### Open source license
If you are creating an open source application under a license compatible with the [GNU GPL license v3](https://www.gnu.org/licenses/gpl-3.0.html), you may use Isotope under the terms of the GPLv3.
[Read more about Isotope's license](https://isotope.metafizzy.co/license.html).
## Initialize
With jQuery
``` js
$('.grid').isotope({
// options...
itemSelector: '.grid-item',
masonry: {
columnWidth: 200
}
});
```
With vanilla JavaScript
``` js
// vanilla JS
var grid = document.querySelector('.grid');
var iso = new Isotope( grid, {
// options...
itemSelector: '.grid-item',
masonry: {
columnWidth: 200
}
});
```
With HTML
Add a `data-isotope` attribute to your element. Options can be set in JSON in the value.
``` html
```
* * *
By [Metafizzy ](https://metafizzy.co), 2010“2018
近期下载者:
相关文件:
收藏者: