我正在尝试构建一个 Windows 8 Metro 风格页面,其中包含一堆无序列表,每隔几秒隐藏和显示列表项,每个都有不同的动画效果。所以我正在尝试构建一些我可以使用的不同类型的过渡效果。
如果您查看我的jsfiddle(或参见下面的代码),您可以看到我有一些效果(淡入淡出和向上/向下滑动)但我的爆炸和折叠效果不起作用。
为什么爆炸和折叠不起作用?
更新:explode 和 fold 现在正在工作,感谢 dsundy 指出我的愚蠢,但仍然希望对...有所帮助
另外,虽然向左/向右滑动可以工作,但是否可以让新项目同时滑入,这样一个 LI 向左滑动和另一个从右侧滑入之间没有很长的间隙?
使用爆炸和折叠是否有可能使新的 LI 出现在传出的 LI 下方?
对任何更有趣的过渡有什么建议吗?
$(el).hide("explode", { pieces: 4 }, 1000, function () {
$(n).show("explode", { pieces: 4 }, 1000);
});
$(el).hide("fold", { }, 1000, function () {
$(n).show("fold", { }, 1000);
});