Javascript 在固定区域中随机移动图像

我正在使用此代码在一个区域中随机移动图像。但我需要始终显示至少3张图像。以下是我所做的：

HTML

<div class="fade">Image 1</div>
<div class="fade">Image 2</div>
<div class="fade">Image 3</div>
<div class="fade">Image 4</div>
<div class="fade">Image 5</div>
<div class="fade">Image 6</div>

我希望它看起来像：

Image1          Image2


       Image3

       Image1

Image2        Image3

或

---

或者使用此图像的任何其他模式

尝试递归算法，延迟长度取决于对象的随机顺序：

window.refresh=功能（延迟）{
延迟*=1000；
var-doms=[]；
var randos=[]；
var指数=0；
函数衰减（）{
如果（指数<3）{
var random=$（doms.get（randos[index]）；
$（随机）。延迟（延迟+200*索引）。fadeTo（200，0，函数（）{
$（随机）.css（“可见性”、“隐藏”）；
});
doms=doms.not（随机）；
索引++；
衰减（doms）；
}
}
doms=$（'.grid item'）；
css（“可见性”、“可见”）；
css（“不透明度”、“1”）；
var num=Math.floor（Math.random（）*doms.length）；
对于（变量i=0；i-1）{
num=Math.floor（Math.random（）*doms.length）；
}
randos.push（num）；
}
淡出（）；
}

图1
图2
图3
图4
图5
图6


触发动画




触发延迟动画

您需要使用css属性更改它们在屏幕上的位置

你必须精确他们的定位方式

elem.css（'top'，'15px'）

和

elem.css（'left'，'15px'）

是在屏幕上移动对象的合适方法。将

15px

调整为所需的值。它相对于屏幕的左上角

---

fadeIn

/

fadeOut

仅更改屏幕上这些对象的不透明度属性。

继续单击“运行代码片段”以重复动画。确定键。但我需要在页面加载和一次三个。你能帮忙吗。谢谢你帮我节省了时间。有一件事我需要知道。就像现在图像在刷新或重新加载页面时淡出一样。如果我想让它自动运行，也就是说，在一段时间后，不需要页面刷新，它就会消失。提前谢谢。你好，奥米奇。你能帮忙吗？是的，的确。。。我一会儿就开始编程。

       Image1

Image2        Image3

       Image1

       Image2  Image3