gpt4 book ai didi

javascript - 从数组设置后如何使图像淡入淡出/滑入?

转载 作者:行者123 更新时间:2023-11-28 04:16:01 27 4
gpt4 key购买 nike

我正在尝试通过滑动或淡入淡出将我的图像加载到我的页面中。它是从数组中加载的,找不到任何相关文档。

JS:

  for(i =0; i < 10; i++){

//instantiates all the initial images.
$('.penguin'+ i).css("background-image", 'url("imagess/bin.jpg")');


}

最佳答案

这是我的建议:

 for(i = 0; i < 10; i++){

$('.penguin'+ i).css({backgroundImage: 'url(http://placehold.it/350x150)', display: 'none'});
$('.penguin'+ i).fadeIn(3000);

}
div {
width: 350px;
height: 150px;
margin-bottom: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="penguin0"></div>
<div class="penguin1"></div>
<div class="penguin2"></div>
<div class="penguin3"></div>
<div class="penguin4"></div>
<div class="penguin5"></div>
<div class="penguin6"></div>
<div class="penguin7"></div>
<div class="penguin8"></div>
<div class="penguin9"></div>

关于javascript - 从数组设置后如何使图像淡入淡出/滑入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42476003/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com