jquery - 根据一天中的时间在页面上的不同位置显示对象

Question

我正在考虑根据一天中的时间将对象放置在页面上的不同位置。具体来说，我想在页面上显示太阳的图像。我希望它根据用户一天中的时间在页面上移动。有什么想法或建议吗？可能在我想象之前就已经完成了。我尝试用谷歌搜索它，发现了一些非常非常旧的结果，但没有最近的结果。

Answer 1

使用绝对定位:CSS中的position:absolute;，通过top: ___;和left: ___;属性来定位对象在页面上。

您可以使用 JavaScript 轻松更改这些属性。由于您将问题标记为使用 jQuery，因此您可以简单地使用 $(foo).css({left: ___, top: ___});

当然，JavaScript 的 Date 对象可以为您提供有关当前日期和时间的信息。