Html 如何在中间的标志，然后移动到正确的位置？

我想创建一个登录页，其中：

首先，你在屏幕中间看到网站的标志。<李>

然后我希望它移动到正确的位置。然后加载整个页面

这可能吗？ 提前谢谢

编辑2： 现在我有这个： HTML:

但是现在图像，没有调整大小，只是裁剪图像的侧面。 因此，您可以将其作为一个页面：

---

有什么帮助吗？

只需搜索/尝试一些东西，而不是询问整个代码

尝试下面的代码，这可能会起作用

$(".loader").animate({
  left: someValue,
  top: someValue
}, 1000)

---

首先，您应该使用：

jQuery(document).ready(function(e) {
   jQuery(".loader").delay("1000").fadeOut("slow");
});

第二，你需要使用。然后，只需将左侧位置更改为您想要的位置。

使用动画并将其包装在

$（文档）中。就绪（

这是什么；

• 等待文档准备就绪（所有元素都已加载）
• 将

  #Logo

  元素设置为左100px（在JSFiddle上的CSS中，这是容器宽度的一半）-使其位于左上角

---

是的，这是可以使用javascript/jquery或CSS3尝试的…如果您发现任何问题或卡住了一些地方，请发布代码并解释问题，我们将帮助您…祝您好运！当图像移动到正确位置时，是否也可以调整图像大小？当然，您可以添加高度和宽度逗号分隔。但在询问之前，请至少尝试一下rselfreach:当图像移动到正确的位置时，是否也可以调整图像的大小？是的，您所需要做的就是将其设置为宽度：somevalue，高度：somevalue，直接位于图像的下方：$（“.loader”）。动画（{left:somevalue，top:somevalue，width:somevalue，height:somevalue}，1000）

$(".loader").animate({
  left: someValue,
  top: someValue
}, 1000)

jQuery(document).ready(function(e) {
   jQuery(".loader").delay("1000").fadeOut("slow");
});

$(document).ready(function () {
    $("#Logo").animate({
        left: "-=100px"
    }, 1000, function () {
        // Animation complete.
        //Send AJAX Request to fetch content, or redirect to another page?
    });
});