MixItUp功能强大的jQuery画廊插件

摘要: MixItUp是一个轻量级但功能强大的jQuery画廊插件，提供了美丽的动画分类和有序的内容过滤和排序。与您现有的HTML和CSS，它有着很好的流畅，反应灵敏的布局。这是完美的组合，画廊，博客，或任何内容! ...

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 }); 在线演示