gpt4 book ai didi

javascript - 相同的图像以秒为间隔随机出现在 3 个不同的 div 中

转载 作者:行者123 更新时间:2023-11-30 16:26:39 25 4
gpt4 key购买 nike

<分区>

我有 3 个彩色 div。我希望一张图片出现在随机选择的 3 个 DIV 之一中。例如。如果图像在第一个 div 中,则第二个和第三个 DIV 应该仍然可见但为空。 3 秒后图像应该消失并重新出现在另一个随机选择的 DIV 中。

目前我只有 CSS 和 HTML。

CSS

.first {
float: left;
width:33%;
display:block;
background-color: blue;
text-align: center;
padding:30px 0;
}
.second {
float: left;
width: 33%;
display:block;
background-color: green;
text-align: center;
padding:30px 0;
}
.third {
float: right;
width: 34%;
display:block;
background-color: red;
text-align: center;
padding:30px 0;
}

HTML

<div class="first"><img class="img_first" src="img.png"/></div>
<div class="second"><img class="img_second" src="img.png"/></div>
<div class="third"><img class="img_third" src="img.png"/></div>

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