如何在jQuery中制作标签？

Question

我想在jQuery中将我的label从顶部移到底部，反之亦然。 我使用以下代码：

$("#LabelId").animate({ top: "-=30px", width: "100%" }, 2500,"slow");

<label id="LabelId">Label</label>

但它在处理时给我一个错误。

Answer 1

由于2500和"slow"都是持续时间方法，您收到错误，您必须选择一个，而不是两个。 2500是2.5秒，慢是一秒钟或者我不知道确切的秒数。

所以要么

$("#LabelId").animate({ top: "-=30px", width: "100%" }, 2500);

或

$("#LabelId").animate({ top: "-=30px", width: "100%" }, "slow");

Answer 2

你正在经历两个持续时间的论点。您还需要为标签指定position或inline以外的展示属性：试试这个：

$("#LabelId").animate({ top: "-=30px", width: "100%" },'slow');

并添加到您的CSS：

#LabelId {
    position: relative;
}​

请参阅此处的工作演示＆gt; http://jsfiddle.net/Z2vqe/

Answer 3

尝试删除顶部的px

$("#LabelId").animate({ top: '-=30', width: "100%" },'slow');

使用方向属性（如top，left

）查看animate的基本用法

http://api.jquery.com/animate/

Answer 4

AS和Always， jQuery和CSS是基于上下文的，您需要确保您的上下文。

因此，如果要在父控件中制作标签动画，则必须将css位置指定为position:relative;。如果您想在文档中设置动画，请指定position:absolute;。如果您想在窗口中设置动画，请指定position:static;.

再次，jQuery将完成其余的工作.. $("#LabelId").animate({ top: "-=30px", width: "100%" }, 2500);