jquery按顺序分类排列图片组合筛选过滤效果代码

主要js// JavaScript DocumentjQuery(document).ready(function($){ ;(function(element) { var $respl = $(element); var $container = $('.respl-items', $respl); $container.imagesLoaded(function() { $container.isotope({ containerStyle: { position: 'relative', height: 'auto', overflow: 'visible' }, itemSelector: '.respl-item', sortAscending: true }); _opTionSets(); function _opTionSets(){ var $optionSets = $('.respl-header .respl-option', $respl), $optionLinks = $optionSets.find('a'); $optionLinks.each(function(){ $(this).click(function(){ var $this = $(this); var $optionSet = $this.parents('.respl-option'); $this.parent().addClass('select').siblings().removeClass('select'); var options = {},key = $optionSet.attr('data-option-key'),value = $this.attr('data-rl_value'); value = value === 'false' ? false: value; options[key] = value; $container.isotope(options); return false; }); }); } }); })('#yhc_responsive'); $(".ProductList li").hover(function(){ $(this).find(".hoverline").fadeIn().end().find(".images").addClass("mousehover").stop().animate({ "height":"160px" },500).find("img").stop().animate({ "margin-top":"-30px" },500); $(this).find(".view").stop().animate({ "bottom":"0" },500); },function(){ $(this).find(".hoverline").fadeOut().end().find(".images").removeClass("mousehover").stop().animate({ "height":"222px" },500).find("img").stop().animate({ "margin-top":"0" },500); $(this).find(".view").stop().animate({ "bottom":"-60px" },500); }); });

在线演示        积分下载        6毛下载        砍两刀下载