[JavaScript] Problem mit Layer / Z-Index //fließende Bewegung

SoulOfRussia · 22. Januar 2010

Problem mit Layer / Z-Index //fließende Bewegung

folgendes:

{img-src: //i50.tinypic.com/xpra5s.jpg}

Und so sollte es aussehen:

{img-src: //i50.tinypic.com/5dqw45.jpg}

Der Layer "Content" fährt beim drücken vom HOME o. ABOUT nach unten in die, in den Bildern zu sehende, Position.

Sollte Theoretisch mit CSS // z-index gehen... geht aber nicht^^

Hier mal die Codes:
style.css

Code:

[...]
 
#Content {
 background:#c8c8c8; 
 width:300px; 
 height:300px; 
 visibility:visible; 
 position:absolute; 
 left:400px; 
 top:-300px; 
 z-index:1; }

[...]

content.js

HTML:


function zeigeLayer() {
 var Layer = document.getElementById("Content");
 var layerPosition = parseInt(Layer.style.top);
 if (layerPosition < 50) {
 Layer.style.top = (layerPosition + 5) + "px";
 setTimeout("zeigeLayer()", 10);}
}
function grundLayer() {
 var Layer = document.getElementById("Content");
 Layer.style.top = "-300px";
}

Fragen bei fragen. :]

PS: Wer mir noch tipps geben könnte wie ich diese "fahrt/bewegung" fließend hinkriege, wäre auch ganz toll.

Anzeige

SoulOfRussia · 24. Januar 2010

AW: Problem mit Layer / Z-Index //fließende Bewegung

Bin IMMERNOCH auf der suche nach einer Lösung !!

Murdoc · 24. Januar 2010

AW: Problem mit Layer / Z-Index //fließende Bewegung

mach den kompletten header absolut und gib ihm nen höheren z-index wert als dem content-layer.

SoulOfRussia · 26. Januar 2010

AW: Problem mit Layer / Z-Index //fließende Bewegung

gesagt getan -> es funkt

noch bitte lösung von der
Fließenden bewegung sagen ^^

Murdoc · 26. Januar 2010

AW: Problem mit Layer / Z-Index //fließende Bewegung

[g]javascript move elements animation[/g]

Nützliche Suchen

[JavaScript] Problem mit Layer / Z-Index //fließende Bewegung

Videos zum Themenbereich