jq 多个div从右向左依次显示,使用jQuery .animate从右到左为div设置动画?
时间: 2024-02-18 20:01:07 浏览: 79
可以使用以下代码实现:
```javascript
// 设置初始位置
var offset = $(window).width();
$('.div-class').each(function() {
$(this).css('right', offset);
offset -= $(this).outerWidth();
});
// 依次动画显示
$('.div-class').each(function() {
$(this).animate({
right: '0px'
}, 1000);
});
```
这段代码首先通过遍历每个 div,将它们的初始位置设置在屏幕右侧,并且依次向左偏移它们的宽度,使得它们依次排列。然后通过遍历每个 div,依次将它们从右向左移动到屏幕左侧,从而实现动画效果。
阅读全文