我如何实现jQuery或CSS3来设置这些幻灯片的动画，使它们从左向右移动。

我有这些幻灯片，我想从左边或右边看

我有与选项卡数量相等的选项卡按钮

我为他们提供了独特的数据属性：

 var i = 0;
 $('.tab').each(function () {
     $(this).attr('dt', i);
     i++;
 });

我的幻灯片还具有独特的属性，因此我可以比较选项卡和幻灯片属性，以测试我是否希望幻灯片从左侧或右侧进入：

$('.tab').click(function () {
    var id = $(this).attr('dt');
    var a = $('.profile:first-child').attr('data');
    if (a > id) {
        $('[data='+id+']').prependTo('#meet-the-team-window');
        console.log('lower');
    } else if (a == id) {
        $('[data='+id+']').prependTo('#meet-the-team-window');
        console.log('equal');
    } else {
        $('[data='+id+']').prependTo('#meet-the-team-window');
        console.log('higher');
    }
});

如果我得到

console.log

“lower”，那么我希望幻灯片从左侧进入

如果我得到

console.log

“更高”，那么我希望幻灯片从右侧进入

除了简单的fadeIn技术之外，到目前为止，我还没有成功地使幻灯片生效

为了让您了解这些幻灯片是如何工作的，下面是我的一些CSS：

#window {
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    display: block;
    width:320px;
    height:auto;
    text-align: center;
}
#container {
    width:1280px;
    position: relative;
}
.slide {
    float:left;
    display: block;
    width:320px;
    height:auto;
    text-align: left;
}

此处的

#容器

等于幻灯片总数的宽度，嵌套在

#窗口

中，该窗口的宽度为单个幻灯片320px；。然后将每张幻灯片向左浮动

如果你看一下我的jQuery，你会发现我所做的只是在前面准备幻灯片，到目前为止，这很有魅力，但看起来太无聊了

---

如何使用jQuery甚至CSS3使幻灯片生效？

通常，我对幻灯片所做的是将它们显示在框架内的包装器中。I

position:relative

包装器，并将其

向左移动

正向或反向移动。如果你用你现在得到的东西设置了一个JSFIDLE，我们可以看看细节。啊，谢谢，我会尝试内联块方法。