类似jQuery Domino的滑块插件
我正在寻找一个基于jQuery的内容滑块插件。我指的不是像this (数量太多)或jQueryUI slider这样的产品。我正在寻找的东西可以用图片来最好地描述。
有没有一个jQuery插件可以让我将某些元素滑出(或过渡)视口，并将新元素滑到它的位置？理想情况下，我希望能够以(某种)序列的方式将几个元素放回页面上，而不是一个接一个。轻松处理这些元素的能力，而不是以线性速度滑动它们，将是令人敬畏的。
这张照片是我能想到的最好的视觉效果：
我知道我可以开发一个插件，就像我以前做过的几个插件一样，但如果可能的话，我想避免重复发明轮子。有没有人能推荐一个插件？
谢谢您抽时间见我。
回答 1
Stack Overflow用户
发布于 2012-12-21 05:01:38
如果你支持CSS3，你可以尝试这样做，也许构建一个动画类会更好。
.item:nth-child(1)
{
transition-timing-function : ease-in-out;
transition-property : left;
transition-duration : 0.1s;
transition-delay : 0.35s;
}
item:nth-child(2)
{
transition-timing-function : ease-in-out;
transition-property : left;
transition-duration : 0.1s;
transition-delay : 0.55s;
}
.item:nth-child(3)
{
transition-timing-function : ease-in-out;
transition-property : left;
transition-duration : 0.1s;
transition-delay : 0.65s;
}
.item:nth-child(4)
{
transition-timing-function : ease-in-out;
transition-property : left;
transition-duration : 0.1s;
transition-delay : 0.75s;
}如果你想使用jQuery，我已经在http://api.jquery.com/queue/上取得了一些成功，它可以让你制作一个更复杂的链式动画。对于未知数量的子代，可以使用slice()方法。
我已经更改了在http://paulirish.com/2008/sequentially-chain-your-callbacks-in-jquery-two-ways/上找到的这段自执行代码
(function hidenext(jq){
jq.eq(0).fadeOut("fast", function(){
(jq=jq.slice(1)).length && hidenext(jq);
});
})($('div'))你不需要使用fadeOut，它也不需要自动执行，但它是一种对未知数量的元素应用“转换”的整洁方式。
这是一个使用fadeOut http://jsfiddle.net/NpBfJ/的小提琴...这可能比您想要的工作量更多...：-)
至于滑块，这是最好的免费之一，http://caroufredsel.dev7studios.com/它有许多可定制的功能。
https://stackoverflow.com/questions/13980248
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号