1

こんにちはみんなjqueryでいくつかの作業をしていて、質問があります。div内に画像を取得しましたが、jqueryを使用して、x座標とy座標を指定することで、その画像を画面にポップアップ表示できるかどうか疑問に思いました。次に、このコードを使用して、正しく移動させることができます

$('#red').pan({fps: 30, 
speed: 0.5, dir: 'right'});

そして、画面上の特定の位置に到達したときにフェードアウトさせます。この問題に関するヘルプは、iamがjqueryatmではうまくいかないので素晴らしいでしょう。

4

2 に答える 2

1

あなたはこのような何かを試すことができます：-

  $('#A').fadeOut( function() {
         $('#B').fadeIn();
       });

コールバック関数は、最初のエフェクトが完了した後に実行されるフェードアウトによって取得できます

于 2012-11-26T18:19:00.447 に答える
1

私はこのようなことを試してみます

function MoveAndFade(x, y)
{
    $('.box').fadeIn('slow', function ()
    {
        $(this).animate({ left: x, top: y }, 'slow', 'swing', function ()
        {
            $(this).fadeOut();
        });
    })    
}

基本的には、div をフェードインし、指定した位置に移動してからフェードアウトします。これは順次発生します。

$('.box')セレクターを div の適切なセレクターに変更する必要があります。現在のものは、クラス「ボックス」を持つ要素を選択します。次に、次のような任意の x または y 値を渡すことができますMoveAndFade(50,100);。position:absoluteまた、div にcss 属性があることを確認する必要があります。

必要なMoveAndFadeパラメーターを渡す関数を呼び出す必要があります。

<input type="button" value="Click me" onclick='MoveAndFade(150,50);' />

または、DOM がロードされたときに実行したい場合は、次のようにします。

$(document).ready(function(){
    $('.box').fadeIn('slow', function ()
    {
        $(this).animate({ left: '150', top: '50' }, 'slow', 'swing', function ()
        {
            $(this).fadeOut();
        });
    })    
});

また

$(document).ready(function(){
    MoveAndFade(150,50);
});

whereMoveAndFade()は$(document).ready(function(){})セクション内で定義されています。

于 2012-11-26T18:38:31.047 に答える