login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div naar beneden bewegen (Opgelost)

Offline Emonk - 19/02/2011 09:47
Avatar van EmonkLid Beste,

Op mijn website wil ik maken dat een bepaalde div van boven naar beneden beweegt. Hij begint helemaal bovenaan de pagina, waar je m niet ziet, en komt dan langzaam te voorschijn. Hoe doe ik dit?

Alvast bedankt.

3 antwoorden

Gesponsorde links
Offline valles10 - 19/02/2011 11:40 (laatste wijziging 19/02/2011 11:41)
Avatar van valles10 HTML interesse met jquery
slidedown
http://api.jquery.com/slideDown/
en dan animate
http://api.jquery.com/animate/

je gaat eerst de div met display: none; naar beneden laten sliden. Als die animatie voltooid is voor je animate uit. Met animate verander je de positie (css: top)
Offline Emonk - 19/02/2011 11:49
Avatar van Emonk Lid Sorry, ik ben niet bekend met jQuery dus ik snap er helemaal niets van 
Kun je het iets uitgebreider uitleggen?
Offline valles10 - 19/02/2011 14:32 (laatste wijziging 19/02/2011 14:43)
Avatar van valles10 HTML interesse
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
  3. function slide(){
  4. $("#blok").slideDown(function (){
  5. $("#blok").animate({top: 150}, 5000);
  6. });
  7. }
  9. <div id="blok" style="position: absolute;display: none;width: 500px; height: 200px; background: black;">bla bla bla</div>
  10. <a href="javascript: slide();">slide</a>

ajb:)

edit:
die 5000 is de tijd in ms dat het script erover moet doen om van 0 top naar 150 top te gaan.
Bedankt door: Emonk
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s