幸运飞艇人工在线计划: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

幸运飞艇全部开奖记录 www.4qm1u.com.cn 在项目的样式,设置目标元素没有显示属性。 MixItUp将只显示那些匹配当前的过滤元件。

JS
实例MixItUp上使用jQuery的容器

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

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

相关热词: MixItUp排序jQuery插件

特效 教程 资源 幸运飞艇全部开奖记录
  • 你读过的教科书没有给你讲过共产主义,所以你也不知道共产主义社会的核心内容是什么。[微笑][微笑] 2019-05-23
  • 南开入伍学生畅谈习近平回信:无悔青春选择 立志报效国家 2019-05-23
  • 南丰670名调解员活跃城乡促和谐 调处成功率达96.5% 2019-05-23
  • 李慎明:奋力谱写社会主义现代化新征程壮丽篇章 2019-05-22
  • 让偷话费的“影子服务”无处藏身 2019-05-22
  • 延安市:推行“问题墙+回音壁”制度 2019-05-22
  • 其实逻辑跟简单:小萌们如果能把自己计划好又何至于悲催到要通过混淆所有制形式把别人的钱偷到自己口袋里? 2019-05-22
  • 酒后躺车内休息也属于酒驾? 交巡警告诉你这些行为都是酒驾 2019-05-21
  • 访谈--内蒙古频道--人民网 2019-05-21
  • 父亲节当天 美国第一夫人跟特朗普唱了个反调 2019-05-21
  • 李克强:实现机关事业单位和企业养老保险制度并轨 2019-05-20
  • 重庆市垫江县“鹅司令”闯出鹅产业化新路 2019-05-20
  • 重庆市2018年初中学业水平暨高中招生考试顺利结束 2019-05-20
  • 现实题材成为电视剧创作重镇 2019-05-19
  • 大妈坐公交摔伤 合肥公交公司一审被判担全责 2019-05-19
  • 819| 777| 291| 855| 469| 724| 662| 721| 121| 413|