Jquery Grow-Effekt wie Spray

Question

Hi Ich frage mich, ob es eine Jquery-Grow-Funktion gab, die die gleiche wie Probe 2/Demo 2 auf der Spray-Seite hier war.

http://labs.adobe.com/technologies/spry/samples/effects/grow_sample.html

Dont wollen Spray verwenden, wie ich die meisten meiner Website Effekte mit jquery haben.

danke!

Answer 1

Der scale Effekt in jQueryUI kann verwendet werden, um dies zu erreichen.

More information

Answer 2

Ich verwende die .animate() Methode dafür.

Siehe demo here.

<div class="outer"> 
    <div class="inner">&nbsp;</div> 
</div> 

$('div.inner').animate({ 
    'margin':'100px' 
}, 1000);​ 

Schritte für volle Wirkung

1. die Margen erhöhen, wenn kein Inhalt.
2. Dann, wenn die Animation abgeschlossen ist, entfernen Sie den Rand
3. die tatsächliche endgültige Breite gesetzt und
4. dann fügen Sie den Inhalt, den Sie anzeigen möchten.