幸运飞艇大小单双计划: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-03-19
  • 跟着抖音去旅行,五一小长假,你的专属攻略请查收! 2019-03-19
  • 全国法院决胜“基本解决执行难” 2019-03-18
  • 各省市自治区举报中心 2019-03-18
  • 首届尧都文化旅游节新闻发布会在京举行 诚邀八方客感受帝尧魅力 2019-03-18
  • 河南“三条丝路”并举 内陆腹地成开放前沿 2019-03-17
  • 罗源湾的博客—强国博客—人民网 2019-03-17
  • 社会主义是过渡阶段,最终实现共产主义才是其目的。社会主义是在消灭私有制,建立公有制直至无私,实现共产主义。 2019-03-17
  • “2017年金融信息化10件大事”揭晓 彰显我国金融科技创新成果 2019-03-16
  • 个税法迎第七次大修 起征点调至每年6万元 2019-03-16
  • Chinas gain from Singapore summit benefits Northeast Asia 2019-03-16
  • QS世界大学排名发布:中国11所大学进百强,清华排名创历史 2019-03-15
  • 西安外事学院在省茶艺大赛中创多项佳绩西安外事学院-陕西教育新闻 2019-03-15
  • 人民网慕课“大数据指数学院”正式上线 2019-03-15
  • 勤劳不能致富,原因首先是生产力水平低下,因此,很多农民选择进城打工,有的人一个月的打工收入相当于在农村干一年的收入。 2019-03-14
  • 937| 402| 161| 497| 850| 418| 503| 555| 609| 21|