Datenschutzerklärung

Animierte divs

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

Animierte divs

  Beitrag schreiben
Autor
Beitrag Seiten: 1
mecs
Gast



Hallo,

ich wollt ein div erzeugen welches seine Höhe von 0 auf 500px vergrößert, ähnlich wie hier auf der rechten Seite dieser Apple page, ebenfalls mit JS: http://www.apple.com/mac/   
(Bei 'Where to buy', 'Hot news' und 'Mac@Work' den Cursor platzieren)

z = 0;
function vergrosern() {
  if (z >= 500) return;
  document.getElementsByTagName('div')[0].style.height = (z += 10) + 'px';
  window.setTimeout('vergrosern()', 7);
}

meine Version funktioniert zwar, aber im Gegensatz zu der Version von Apple 'ruckelt' meine und bei schwächeren Computers dauert es ziemlich lange bis die Animation fertig ist.
Wie kann ich das weiter verbessern, so dass sie flüssiger abläuft?

Bin für jede kleine Hilfe dankbar.

Grüße


12.07.2008 15:42:57
  Beitrag schreiben
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01