1

私はこれを達成しようとしています：

http://i.imgur.com/fQM4ZR8.gif

jQueryUIの使用| 滑り台

残念ながら、修正するために提示するコードはありません。これを実現する方法について、あなたが私に教えてくれる方向性を探しています。設定した距離を左に移動してから、最初の開始地点に戻り、クリックしたアンカーに関連するコンテンツを表示する必要があります。そもそもコードがないことをお詫びします。私はJavaScriptにかなり慣れていません。

あなたが提供できるどんな助けやアドバイスにも本当に感謝します、

ありがとう。

4

1 に答える 1

0

.animate()アニメーションのコールバック関数を提供するため、この関数を使用する方が簡単です。

$(function () {
    var wid = $('.content').width(); 
    $('.content').animate({"margin-right": "-" + wid + "px"}, 500, function ()   {

        $(this).text("new content");
        $('.content').animate({"margin-right": "0px"}, 500);
    });
});

作業例: http://jsfiddle.net/JMqpe/1/

このコードは、ボックスを右端まで移動し (ボックスの幅と同じ量)、非表示になったコンテンツを更新してから、元の位置に戻します (マージン右が最初は 0 であると仮定します)。

于 2013-03-09T01:22:25.203 に答える