1

現在のコードを完成させるのを手伝ってください。最初に、divを表示、フェードイン、フェードアウトすることができましたが、何らかの理由で、それが行き来し続けます!! 入力を開始すると、必要なものが得られますが、何もしなくてもフェードが繰り返されます。

2番目に、素敵なcss形式のテキスト領域の横にdivを表示したいと思います。

ここに私のスクリプトがあります:

$(function() {
var moveLeft = -200;
var moveDown = -210;
  $("#quickSMScustomMessage").keyup(
function(){

  $('div#pop-up').fadeIn(200).show().delay(2000).fadeOut(1000);
  //.css('top', e.pageY + moveDown)
  //.css('left', e.pageX + moveLeft)
  //.appendTo('body');

});

});
4

2 に答える 2

0

ここに別の提案があります...それを行うにはタイムアウトを使用してください...

    var timer;    
    $('#type').keyup(function(){
        clearTimeout(timer);
        $('#typeHelper').stop().fadeIn(200);
        timer = setTimeout(function(){
            $('#typeHelper').fadeOut(1000)            
        },2000)
    })

デモを試す

于 2012-06-22T07:01:49.150 に答える
0

stop を追加して、以前のすべてのアニメーションを停止するだけです...そうしないと、キューに入れられます 

$('div#pop-up').stop().fadeIn()...
于 2012-06-22T00:57:52.337 に答える