Suche Script um einen 'slide'-Effekt zu machen

xtc · 28. Januar 2005, 16:58

Hallo,
ich suche schon die ganze Zeit nach einem simplen Script, der ein vordefiniertes Objekt (Hier ist es ein div-Tag) per Klick runter 'gleiten' lässt.
Aber da ja leider das Internet voller Müll ist, konnte ich leider so eins nicht finden, kann mir jemand dabei helfen?
Ich danke jedenfalls schon im Vorraus!
Gruss

wulfgang · 28. Januar 2005, 18:44

im moment nicht... kannst du vielleicht genauer erklären, was du meinst?

xtc · 28. Januar 2005, 19:37

Sorry, war auch etwas plumb erklärt.
Ich brauch ein Script, dass <div>-Tags 'gleiten' lässt, und zwar von oben nach unten.
Also z.B.:
von style.display.top : 0px
auf style.display.top : 100px
das wichtigste ist aber, dass es nach unten gleitet, und nicht einfach hinspringt.
Eigentlich ist das ein einfaches dHTML, leider finde ich sowas nicht.
Gruss

wulfgang · 29. Januar 2005, 01:50

aso ich glaube ich verstehe!
<a href='http://wolfgang.flirt.dj/dom1.html' target='_blank'>http://wolfgang.flirt.dj/dom1.html</a>
mein erstes dom-script. ein auto fährt auf dem bildschrim von rechts nach links und zurück. du musst eben nur statt seitlich das ganze vertikal machen.

xtc · 29. Januar 2005, 15:14

Hey ja!
Das kommt der Sache näher.
Problem ist aber, dass ich es so haben will, das sich der <div> an einer bestimmen Stelle anhalten soll. Bei einem weiteren Klick soll er dann wieder zu seiner ursprünglichen Stelle zurück bewegen.
Ich hab hier ein Script gefunden, dass sich meinen Vorstellungen nähert:

Quellcode

function slideDown(){
if(document.getElementById){
if(parseInt(obj.style.top) < 0){
obj.style.top = parseInt(obj.style.top) + 10 + "px";
setTimeout("slideDown()",50);
}
}
}
function slideUp(){
if(document.getElementById){
if(parseInt(obj.style.top) > -170){
obj.style.top = parseInt(obj.style.top) - 10 + "px";
setTimeout("slideUp()",50);
}
}
}

Alles anzeigen

Leider hat der Autor irgendwie einen Fehler eingebaut, und das 'obj' ist nicht angegeben.
Ích hab rumgerätzelt und mir ist das Script immer noch nicht gelungen.
Wenn man mir helfen könnte, bin ich sehr dankbar!!!
Gruss

wulfgang · 29. Januar 2005, 21:05

statt "obj" musst du document.getElementById("bla") schreiben.

xtc · 29. Januar 2005, 21:20

Ich gebŽs auf...
mit 'document.getElementById("bla")' funktioniert es auch nicht.
Aber theoretisch muss das Script doch funktionieren?
Ne, ich glaub, ich mach einfach einen aufspringenden <div>, anstatt einen gleitenden...
Ich hab mir schon zu viel Zeit damit verschendet -_-
Viele Grüße

KinX · 31. Januar 2005, 01:25

hi, ich hatte auch mal so eine navigation..
such einfach mal in googlr danach!! da wirst du 100%etwas finden

wulfgang · 31. Januar 2005, 23:28

wenn du style.top angibst, muss vorher denk ich auch style.position angegeben werden.

Suche Script um einen 'slide'-Effekt zu machen

Quellcode

Teilen

Benutzer online 1

Tags