10

非常に単純なフッター通知要素を実装して、しばらくスライドしてからスライドして戻そうとしています。私は使用しています:

$('button').click( function () {
    $('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});

ただし、ボタンをクリックすると、1500 ミリ秒遅れてから上にスライドし、下にスライドすることはありません。

http://jsfiddle.net/jrMH3/17/

4

1 に答える 1

24

あなたが実際に欲しいのはこれです:

 $('#message-box').slideDown('slow').delay(1500).slideUp('slow');

ここでテストできます。レイアウトを考えると少し後ろ向きに見えますが、要素を表示.slideDown()するためのものであり、要素を非表示にするためのものです... CSS が与えられたとしても、表示されると実際には上がります。.slideUp()

また、余談ですが、フィドルを編集するときに<html>and<body>タグは必要ありません。これらは既に含まれています... html フレーム内のコンテンツは<body>.

于 2010-09-30T17:17:26.860 に答える