label
jQueryで上から下に、またはその逆に移動したいと思います。私は次のコードを使用しています:
$("#LabelId").animate({ top: "-=30px", width: "100%" }, 2500,"slow");
<label id="LabelId">Label</label>
しかし、処理中にエラーが発生します。
label
jQueryで上から下に、またはその逆に移動したいと思います。私は次のコードを使用しています:
$("#LabelId").animate({ top: "-=30px", width: "100%" }, 2500,"slow");
<label id="LabelId">Label</label>
しかし、処理中にエラーが発生します。
2500
とは両方の期間メソッドであるためにエラーが発生します"slow"
。両方ではなく、どちらかを選択する必要があります。2500は2.5秒で、slowは1秒か、slowの正確な秒数がわかりません。
だからどちらか
$("#LabelId").animate({ top: "-=30px", width: "100%" }, 2500);
また
$("#LabelId").animate({ top: "-=30px", width: "100%" }, "slow");
2つの期間引数を渡しています。また、ラベルposition
または次以外の表示プロパティを指定する必要がありますinline
。これを試してください:
$("#LabelId").animate({ top: "-=30px", width: "100%" },'slow');
そして、CSSに追加します。
#LabelId {
position: relative;
}
こちらで動作するデモをご覧ください> http://jsfiddle.net/Z2vqe/
AS と Always、jQuery と CSS はコンテキスト ベースです。コンテキストを確認する必要があります。
したがって、親コントロール内でラベルのアニメーションを作成する場合は、CSS の位置を に指定する必要がありますposition:relative;
。ドキュメント内でアニメーションさせたい場合は to を指定しposition:absolute;
ます。ウィンドウでアニメーションさせたい場合は、に指定しますposition:static;.
繰り返しますが、残りは jQuery が行います。$("#LabelId").animate({ top: "-=30px", width: "100%" }, 2500);
top の px を削除してみてください
$("#LabelId").animate({ top: '-=30', width: "100%" },'slow');
上、左などの方向プロパティを使用したアニメーションの基本的な使用方法を確認してください