0

ホストゲーターのライブチャットと同じように自分のページに効果を持たせたいと思っています。ここを見ました。これは私が達成しようとしていることと似ていますが、1つの問題divから始まり、下にheight:1pxスライドします。div元の高さ、私が望むのは、divsの高さが常に同じであり、ページの上部ではなくページの上部から下にスライドするdivことです。これがうまく説明できることを願っています。

4

1 に答える 1

1

あなたが意味するのはblind効果です。ここを見てください：http：//fiddle.jshell.net/cZQTR/

私はそのfx用の小さなプラグインを書きました：

jQuery.fn.blindToggle = function (duration, easing, complete) {
    return this.animate({
        marginTop: parseFloat(this.css('marginTop')) < 0 ? 0 : -this.outerHeight(true)
    }, jQuery.speed(duration, easing, complete));
};

アップデート

jQuery.fn.blindUp = function (duration, easing, complete) {
    return this.animate({
        marginTop: -this.outerHeight(true)
    }, jQuery.speed(duration, easing, complete));
};

jQuery.fn.blindDown = function (duration, easing, complete) {
    return this.animate({
        marginTop: 0
    }, jQuery.speed(duration, easing, complete));
};

デモ

于 2013-02-10T14:32:31.400 に答える