当前位置:首页 > 日记 > 正文

jQuery插件实现动画mixitup过滤和排序

jQuery插件实现动画mixitup过滤和排序
MixItUp是什么
mixitup是一个jQuery插件,提供了动画的过滤和排序。

MixItUp是伟大的,像任何类别或内容管理投资组合排序,画廊的博客。它还可以作为应用程序的用户界面和数据可视化的强大工具。

mixitup扮演好你现有的HTML和CSS,使它对布局的一个不错的选择。

而不是使用绝对定位来控制布局的mixitup设计和现有的在线流程布置工作。你想使用百分比,媒体查询,一个内联块,甚至一个弯箱吗没关系

网页代码





mixitup元素在目标和类的混合容器。分类过滤器添加自定义数据属性的类和类的属性。
构建过滤控件:

class=过滤数据过滤= 。catery-1> catery 1
class=过滤数据过滤= 。catery-2> catery 2
当单击筛选按钮时发生筛选器。

建立排序控制:

类排序数据排序我的订单:升序升序
class=排序=我的订单数据排序:降序降序>
排序按钮在单击排序按钮时发生。

CSS

#混{容器。
显示:无;
}
在项目的风格,目标元素设置不显示properties.mixitup将只显示匹配的电流滤波元件。

js
使用jQuery实例MixItUp容器:

$(函数(){())
$(#容器)的MixItUp();
});
使用我们的容器的ID,我们可以实例化mixitup jQuery method.mixitup()
检查演示立即下载

以上是本文的全部内容,希望大家能喜欢。

相关文章

CDR阴影工具是由浅到深的阴影。

CDR阴影工具是由浅到深的阴影。

工具,是由,电脑软件,CDR,浅到深,本教程是向朋友介绍一个CDR阴影工具,制作一个浅到深的阴影方法。这个教程很好。这是一门基础课。值得学习。建议像你这样的朋友一起学习这个教程。 CorelDRAW软件教程 阴影工具(交互式阴影工具) 交互式阴影工…

PS创建一个经典的现实的公共标志

PS创建一个经典的现实的公共标志

创建一个,标志,现实,经典,电脑软件,本教程是介绍PS朋友创建的经典写实方法,批量制作出来的LOGO LOGO教程很漂亮,难度也不大,推荐爱的朋友一起学习吧。 有时我们在制作图形或其他文档时经常需要插入一些图片或图标。通常我们在百度搜索中搜索相…

WPS文本备份和数据恢复管理WPS文本

WPS文本备份和数据恢复管理WPS文本

文本,数据恢复,备份,教程,电脑软件,这个WPS文本备份和数据恢复管理是一个小编辑器,为了让你整理一下,希望对你有所帮助! 备份管理 如果WPS Office程序需要从异常中退出,它将分析用于查找错误的文件,如果可以的话。 信息可以恢复,但在某些情况下,无…

如何在Word中移动Word2003教程

如何在Word中移动Word2003教程

教程,中移动,如何在,电脑软件,Word,有时,你需要在文字中随意移动图片,但移动的物体总是比你想移动的距离要远,所以你怎么在文字中随意移动图片呢 如何在Word中移动图片 Right click on the picture rarr; set the picture format rarr; format…

Javascript弹出一个新窗口并控制窗口移动

Javascript弹出一个新窗口并控制窗口移动

指定位置,新窗口,控制,弹出,窗口,本文介绍Javascript弹出一个新窗口并控制窗口移动到指定位置的方式: 下面的JS代码,会弹出一个新窗口通过window.open然后移动到指定位置,通过JS代码控制窗口 OPENWIN()函数 { 窗前= window.open(' ',' ','width = …

WPS框架教程WPS教程教程

WPS框架教程WPS教程教程

教程,框架,电脑软件,WPS,这是WPS桌面裱画课程,是专门为大家安排的小编辑,希望能对大家有所帮助! 装裱字画 1、打开WPS表,选择文本框,然后切换到画图工具选项卡,点击填充纹理; 2、弹出对话框,填充效果;纹理;选择纹理标签,我选择了彩色的纸;2,然后单击;;。 3…

PS图象处理软件生产的漂亮的艺术字

PS图象处理软件生产的漂亮的艺术字

笔画,字体,图象,处理软件,漂亮,本教程介绍PS图象处理软件交友充满了春天的艺术字体优美的泳姿,教程的文字很漂亮,很适合春天的感觉了。推荐,一起学习吧 本教程介绍PS图象处理软件创造充满春的中风的方法一年漂亮的艺术字体,一季的春天终于来了,…

如何在Word2003文档快速调整页边距

如何在Word2003文档快速调整页边距

边距,调整,文档,教程,快速,下面是小编辑器所带来的多版本Word 2003文档的页边距的快速调整。欢迎阅读。 当用户阅读Word文档时,偶尔会出现横向和纵向版本。有时,我们需要批量或垂直调整页面页边距。如果我们使用VBA代码,对初级用户来说显然太…

Word2003的操作界面介绍了Word2003

Word2003的操作界面介绍了Word2003

教程,操作界面,电脑软件,Word2003操作界面介绍 在Word2003的操作界面介绍 标题栏:在工作界面的顶部,它显示有关当前编辑文档的文件名的相关信息,包括菜单控件图标、当前文档名、应用程序名称和一组控制按钮(最大、最小、关闭)。 菜单栏:标题栏下…

PS做写实的玉雕

PS做写实的玉雕

电脑软件,PS,本教程是向朋友们介绍如何用PS制作逼真的玉雕人物。教程制作的玉雕人物真的很漂亮,难度也不是很大。建议你喜欢你的朋友一起学习。 本教程是介绍给朋友的,利用ps制作了现实的绿雕玉雕人物。这个教程的效果很好。建议你喜欢你的朋…

PS图象处理软件让美丽的羽毛

PS图象处理软件让美丽的羽毛

图象,处理软件,羽毛,美丽,电脑软件,本教程是PS图象处理软件的一个简要的介绍,这是一个简单的方法来制作漂亮的羽毛的朋友。这道菜做的羽毛很漂亮,难度也不大。非常适合初学者学习。推荐朋友一起学习。 PS图象处理软件可以使羽毛的效果,这种方…

WPS示范卡的WPS演示演示课程

WPS示范卡的WPS演示演示课程

演示,课程,电脑软件,WPS,生日礼物多样,礼貌轻重友谊,使更有意义,在这里教你如何制作一个生日卡在WPS演示。 操作步骤 1,启动WPS演示,打开主页,输入搜索栏输入生日,搜索一些网友提供的模板。 2,选择一个,下载,然后点击菜单栏-插入-背景音乐。 三.在弹…