0

我希望在我的页面上获得类似于 host-gators 实时聊天的效果，我看过这里，这与我想要实现的类似，但是有一个问题，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 回答