当前位置:主页 > 资源 > 效果代码 >

MixItUp动画过滤和排序jQuery插件
栏目分类:效果代码   发布日期:2015-09-02   浏览次数:

什么是MixItUp?MixItUp是一个jQuery插件,提供动画过滤和排序。MixItUp是伟大的,像管理投资组合,画廊和博客的任何分类或排序的内容,而且还可以作为一个功能强大的工具,从事应用程序的用户界面和数据可视化。
MixItUp动画过滤和排序jQuery插件

什么是MixItUp?
MixItUp是一个jQuery插件,提供动画过滤和排序
MixItUp是伟大的,管理投资组合,画廊和博客的任何分类排序的内容,而且还可以作为一个功能强大的工具,从事应用程序的用户界面和数据可视化。
MixItUp起着很好的与您现有的HTML和CSS,使之成为响应布局的绝佳选择。
而不是用绝对定位来控制布局MixItUp设计与现有的在线布局工作。要使用百分比媒体查询inline-block的甚至是弯曲盒子?没问题

页面代码
  1. <div id="Container"> 
  2.     <div class="mix category-1" data-my-order="1"> ... div> 
  3.     <div class="mix category-1" data-my-order="2"> ... div> 
  4.     <div class="mix category-2" data-my-order="3"> ... div> 
  5.     <div class="mix category-2" data-my-order="4"> ... div> 
  6. div> 
MixItUp目标与类混合容器中的元素分类过滤添加为和排序属性添加自定义数据属性
建立你的过滤器控制:
  1. class="filter" data-filter=".category-1">Category 1 
  2. class="filter" data-filter=".category-2">Category 2 
过滤发生在过滤器按钮被点击
建立您的排序控件
  1. class="sort" data-sort="my-order:asc">Ascending Order 
  2. class="sort" data-sort="my-order:desc">Descending Order 
排序发生在排序按钮被点击

CSS

  1. #Container .mix
  2.     displaynone

在项目的样式设置目标元素没有显示属性 MixItUp将只显示那些匹配当前的过滤元件

JS
实例MixItUp上使用jQuery的容器

  1. $(function(){ 
  2.     $('#Container').mixItUp();   
  3. }); 

使用我们的容器的ID,我们可以实例化MixItUpjQuery的方法.mixItUp

相关热词: MixItUp排序jQuery插件

Copyright © 中国江苏福彩快3游戏采用专用电子开奖设备开奖,江苏快三开奖结果今天每期随机生成三个号码,作为当期开... 七星彩第19125期预测:一位码走奇 福利彩票快3开奖号码 江苏福彩快三开奖结果,快3实行自愿购买,凡购买者均被视为同意并遵守本规则。   江苏快3开奖结果官网app下载   关于我们 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 |
特效 教程 资源 资讯