MixItUp功能强大的jQuery画廊插件
MixItUp是一个轻量级但功能强大的jQuery画廊插件,提供了美丽的动画分类和有序的内容过滤和排序。与您现有的HTML和CSS,它有着很好的流畅,反应灵敏的布局。这是完美的组合,画廊,博客,或任何内容!
HTML
<ul>
<li class="sort" data-sort="data-name" data-order="desc"></li>
<li class="sort" data-sort="data-name" data-order="asc"></li>
<li class="sort" data-sort="data-age" data-order="desc"></li>
<li class="sort" data-sort="data-age" data-order="asc"></li>
<li class="sort" data-sort="default" data-order="asc"></li>
<li class="sort" data-sort="random"></li>
</ul>
JS
$('#Grid').mixitup({
targetSelector: '.mix',
filterSelector: '.filter',
sortSelector: '.sort',
buttonEvent: 'click',
effects: ['fade','scale'],
listEffects: null,
easing: 'smooth',
layoutMode: 'grid',
targetDisplayGrid: 'inline-block',
targetDisplayList: 'block',
gridClass: '',
listClass: '',
transitionSpeed: 600,
showOnLoad: 'all',
sortOnLoad: false,
multiFilter: false,
filterLogic: 'or',
resizeContainer: true,
minHeight: 0,
failClass: 'fail',
perspectiveDistance: '3000',
perspectiveOrigin: '50% 50%',
animateGridList: true,
onMixLoad: null,
onMixStart: null,
onMixEnd: null
});
在线演示【MixItUp功能强大的jQuery画廊插件】相关文章
6. Mozilla发布“BrowserQuest”证明HTML5的功能强大
8. 一款功能强大并且可以结合html5实现本地存储的数据库 – SQLite学习文档 ... ...
9. 10 个强大的JavaScript / jQuery 模板引擎推荐
10. 强大的响应jQuery滑块插件LayerSlider
本文来源:https://www.51html5.com/a1181.html
﹝MixItUp功能强大的jQuery画廊插件﹞相关内容
- 强大的响应jQuery滑块插件LayerSlider
- MixItUp:基于CSS3 & jQuery的过滤和排序插件
- MixItUp:基于CSS3 & jQuery的过滤和排序插件
- 6款强大的 jQuery 网页布局创建及优化插件
- 7款很酷的JQuery动画和实用的JQuery应用
- Hexo - 快速,轻量,强大的 Node.js 博客框架
- Adobe Creative Suite 6: 更强大的HTML5能量
- 6 个强大的 HTML5 应用在线开发工具
- Recline.js强大的图表切换组件
- Fabric.js – 简单而强大的 JavaScript Canvas 库