首页

关于

使用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示

使用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示

在线演示1  在线演示2  本地下载

大家在开发过程中往往需要有效的展示不同类别下的图片或者文字内容,这个过程中你可能需要使用不同的标签来过滤不同类别下的图片内容,或者提供给用户一个方便的方式来选择不同的列别。今天我们这里将使用jQuery插件 - filtrify来快速精致的实现一个超酷的摩托车分类展示应用,大家可以看到使用filtrify来使用标签分类显示图片是多么的简单,而且使用isotype来生成动画展示特效,希望大家喜欢!

这个插件使用了很多伪类,例如:after和:before,如果你不熟悉它,可以看看这篇文章,希望对大家有帮助!

注意IE8需要指定!DOCTYPE来支持伪类:after和before中的"content"属性,同时如果你需要支持IE7,你可以考虑使用IE7.js

HTML代码

在HTML代码中,我们使用HTML5的data属性来定义类别,如下:

<ul…

标签: jQuery插件, jquery plugin, filtrify, js分类显示特效

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.