Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/objective-c/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 从右向左依次滑动div_Jquery_Css - Fatal编程技术网

Jquery 从右向左依次滑动div

Jquery 从右向左依次滑动div,jquery,css,Jquery,Css,我需要创建这个效果:我有4个div,它们一次滑入一个,我有jquery代码使它们滑入,但它们一起滑入,有人有一些关于如何重新创建这个效果的提示吗 编辑: top——ov是我的div所在的位置,这段代码可以工作,但它们滑入得更紧 if ($(".top__ov").css("right") != 0) { $(".top__ov").animate({ 'right': '+=100%' }, 3000); } 您可以将jquery的方法与a结合使用来实现

我需要创建这个效果:我有4个div,它们一次滑入一个,我有jquery代码使它们滑入,但它们一起滑入,有人有一些关于如何重新创建这个效果的提示吗

编辑: top——ov是我的div所在的位置,这段代码可以工作,但它们滑入得更紧

    if ($(".top__ov").css("right") != 0) {
    $(".top__ov").animate({
        'right': '+=100%'
    }, 3000);
}
您可以将jquery的方法与a结合使用来实现这一点:

演示:

$('go')。单击(函数(){
$.each($('.box'),函数(i,el){
setTimeout(函数(){
$(el.css(“左”,“0”);
},500+(i*500));
});
});
.wrapper.box{
高度:100px;
宽度:100px;
背景:番茄;
位置:绝对位置;
左:计算(100%-100px);
框阴影:嵌入0 5px黑色;
过渡:所有0.8秒;
}
#一个{
排名:0;
}
#两个{
顶部:100px;
}
#三{
顶部:200px
}
#四{
顶部:300px;
}

1.
2.
3.
4.

单击我
,如果要帮助您,请与我们共享您的代码。您的尝试是什么?你有代码给我们看吗?请说得更具体些。谢谢。添加了我现在正在使用的代码,我正在考虑使用div特定的类,并使用if语句查看div的右边距何时为100%,另一个必须滑动。很高兴我能提供帮助。