JQuery插件Quicksand实现超炫的动画洗牌效果

2020-05-17 06:19:10易采站长站整理

$(this).siblings().removeClass("cur");
var id = $(this).attr("id");
if(id=="all"){
var $source=$data.find("li");
}else{
var $source=$data.find("li[class="+id+"]");
}
$("#list").quicksand($source,{
duration: 1000,
attribute: 'id',
easing: 'swing'
});
});
});

Quicksand插件提供了几个参数可配置:
duration:过渡动画的时间,以毫秒为单位。
attribute:关联数据的属性,本例设置为id。
easing:动画缓冲方式。

还有一个方法enhancement:function(c) {}可以自定义函数调用。

顺便提一下,IE6下没有过渡动画效果,IE7+,以及其他高级浏览器均测试通过。

以上所述就是本文的全部内容了,希望大家能够喜欢。