0

サンプルのhtmlファイル（ダミーテキスト付き）があり、jqueryを使用しています。このフィドルを参照してください-

>    [demo][1]

前と次を押すと、div 内の前と次の要素が表示されます。

それは完全に機能しますが、アニメーション化したいと思います。つまり、フェード効果やスライド効果など、非常に魅力的なものを次に押すときにトランザクションを追加したいということです。

これはjQueryで実現できますか? ボランティアが私を助けてくれたら、それは大変光栄なことです。

[1]: http://jsfiddle.net/gr8_boi52/dnKWU/ ]

4

2 に答える 2

0

.animate()簡単な使い方の.fadeIn()/を使用できます.fadeOut()。あなたのjsコードを更新しました：

jQuery(function($) {
    $('#sentences *').eq(0).addClass('current'); // start by showing the first sentence
    $('#nextBtn, #prevBtn').click(function() {
        var currItem = $('#sentences .current');
        var newItem = ($(this).attr('id') == 'nextBtn') ? currItem.next() : currItem.prev();
        if (newItem.size() > 0) {
            currItem.fadeOut(function() {
                currItem.removeClass('current');
                newItem.addClass('current').fadeIn();
            });
        }
    });
});

フィドルです

于 2013-06-06T09:56:19.373 に答える
0

フェード効果については、.fadeIn()または.fadeOut()jQueryで使用できます

更新されたフィドルを参照してくださいhttp://jsfiddle.net/dnKWU/3/

于 2013-06-06T08:58:10.273 に答える