2013-02-10 2 views
0

Я ищу, чтобы нанести влияние на мою страницу, похожую на хост-gators, в чате, я посмотрел here, и это похоже на то, что я пытаюсь достичь, но есть одна проблема: div например, начинается с height:1px и скользит по div до его первоначальной высоты, что я хочу для высоты div, чтобы всегда быть одинаковой, и она скользит вниз от верхней части страницы, а не сверху div. Надеюсь, это объясняет это хорошо.Слайд-шоу в jQuery

+0

Кроме того, только в случае, если это важно, мой div - позиция: исправлена; – iConnor

+0

Ссылка есть просто очень невидимая – iConnor

+0

Я использовал jQuery slideDown – iConnor

ответ

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)); 
}; 

Update

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)); 
}; 

demo

+0

да, это то, что я хочу, но с этим кодом, как бы я сделал это слайд вниз? как ваш пример скользит вверх – iConnor

+0

@ConnorMiles Я обновил свой ответ ... http://jsfiddle.net/TfLj2/ – yckart

+0

Примечание: теперь я использую margin-left на js, так что слайды слева | Хорошо, круто спасибо, его работа, но у меня есть одна проблема, я использовал фиксированную позицию, и это не сработает с этим, поэтому я рад использовать относительный, но как бы я держу центр погружения, если я применяю margin-left: 0 с javascript? – iConnor

Смежные вопросы