Javascript 如何将图像动画化为圆形Div

到现在为止我都是这么做的

现在我想让它这样 有一个带有一些边界的圆形Div，就像在jsfiddle链接中一样

&3个花的图像应该已经在那里了

一个花的图像在那个圆形分区内的某个随机位置进行动画制作或放置

---

希望你明白了。

jquery应该是这样的。希望这有帮助。 单击以查找小提琴

    $(document).ready(function(){
    $("#coolDiv").animate({"right":"0px"}, "slow");
    $("#coolDiv").animate({"right":"493px"}, "slow");
    $("#coolDiv").animate({"top":"26px"}, "slow");
         });

---

我只是做了个傻事。尝试此动画，在这里工作良好

$（文档）.ready（函数（）{
对于（i=0；i<100；i++）{
var animate=$（“#coolDiv”）；
动画制作（{左：'98%}，1000）；
动画（{top:'75%}），1000；
动画（{左：'0'}），1000；
动画（{top:'0'}），1000；
}
})

#coolDiv{
位置：绝对位置；
排名：0；
左：0；
宽度：20px；
高度：20px；
}
.轮{
位置：相对位置；
}

您的JSFIDLE链接不工作。问题不清楚。请重新措辞。你们是在寻找一个黑色边框的圆圈，里面有3个花的图片。使用第四朵花图像，从屏幕上的某个随机位置移动到圆圈内的任意位置？

    $(document).ready(function(){
    $("#coolDiv").animate({"right":"0px"}, "slow");
    $("#coolDiv").animate({"right":"493px"}, "slow");
    $("#coolDiv").animate({"top":"26px"}, "slow");
         });