0

現時点では、これが私の移行です。

$(".element").css("visibility", "visible");

要素はcssで非表示になり、javascriptよりも表示されます

しかし、私が達成したくないのは、一種のマイクロソフトのような効果です。基本的に、要素を下から上にスライドさせたいです(したがって、下部に負のマージンを想定し、javascriptで正にするよりも)、また、それがスライドしている間も、不透明度 0 から完全な不透明度までフェードインします。両方の効果には何らかの期間が必要であり、組み合わせると非常に見栄えがよくなります。

4

4 に答える 4

1

jQueryを見てください.animate(): http://api.jquery.com/animate/ ;)

于 2013-04-10T21:33:45.407 に答える
0

を見て$(".element").slideToggle('slow')、$(".element").show('slow')

ここで使用する必要はありません.animate()..

http://api.jquery.com/slideToggle/ - デモをご覧ください。

于 2013-04-10T21:34:31.890 に答える
0

jQuery で完全に解決したい場合は、次の 2 つを試してください。

フェードイン（）

slideUp() (または、スクリプトの書き方によっては、slideToggle() も機能します)

于 2013-04-10T21:34:45.687 に答える
0

不透明度 0 と小さな上部マージンから始めて、.animate(). 次のようなものを試してください：

$(".element").css({
    opacity: 0,
    visibility: 'visible',
    marginTop: 20
}).animate({
    marginTop: 0,
    opacity: 1
});

デモ: http://jsfiddle.net/Pc8q6/

CSS トランジションを使用して同様の効果を実現できることに注意してください。デモ: http://jsfiddle.net/Pc8q6/1/ (webkit)

于 2013-04-10T21:36:12.490 に答える