Hes: Layer bewegen und stoppen

Beitrag lesen

SELF-Forum

Layer bewegen und stoppen

Hes
– Informationen zu den Bewertungsregeln

Hallo, ich hab' da ein Problem - so 'n Zufall - und brauche bitte, bitte Hilfe - immerhin sagt sie bitte...

Also, ich möchte einen Layer bewegen. Das wäre nicht so schwer, allerdings soll das auch im Browser "Safari" funzen. Ich habe ein Script gefunden, das ich solange gequält habe, bis zumindest drei Sachen schon mal erreicht waren:

  • Startposition stimmt
  • Bewegungsrichtung stimmt
  • Funktioniert auch in Safari

Tja, inzwischen hat mich mein Bastelglück verlassen. Mir ist nicht klar, wie ich meinen Layer nach 35px stoppe. Außerdem sieht man dem Code natürlich an, dass er ursprünglich für einen komplexere Bewegung geschrienben wurde. Ich bin mal so dreist und suche hier meinen ganz persönlichen Helden der sagt: "Na das schreib ich doch in 3 min um". Büdde, büdde... Oder auch immer wieder gern genommen: "Hiiiiilfe!" Würde mich wirklich riesig freuen, wenn mir da jemand weiterhelfen könnte.

Devote und hilfsbedürftige Grüße - Hes

<html>
<head>
<title>test</title>
</head>

<body>

<script language="JavaScript">
<!--

// Bild

P=new Image();
das_bild="gif/rechteck.gif";  //image
S=0.1;                  //geschwindigkeit
D=0;                 //winkel

// Ansprechen der unterschiedlichen Browser

NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);

L=null;

if (NS4){
document.write("<LAYER NAME='netscape' LEFT=0 TOP=262><img src="+das_bild+"></LAYER>");
}
if (NS6){
document.write("<img id='n6' src='"+das_bild+"' style='position:absolute;top:0px;left:0px;z-index:2;'>");
}
if (IE4){
document.write("<div style='position:absolute;top:262px;left:0px'><div style='position:relative'>");
document.write("<img id='explorer' src='"+das_bild+"' style='position:absolute;top:262px;left:0px;z-index:2;'>");
document.write("</div></div>")
}

// Startposition des blauen Rechtecks

Y=262;
X=378;

function Move(){
var H=(NS6||NS4)?window.innerHeight:document.body.clientHeight;
var W=(NS6||NS4)?window.innerWidth:document.body.clientWidth;
var YS=(NS6||NS4)?window.pageYOffset:document.body.scrollTop;
var XS=(NS6||NS4)?window.pageXOffset:document.body.scrollLeft;

// Bewegen

x=1;
X+=x;
Y+=0

if (NS4){
L=document.netscape
}
if (NS6){
L=document.getElementById("n6").style
}
if (IE4){
L=explorer.style
}
L.top=Y+YS;
L.left=X+XS;
setTimeout('Move()',10);
}
Move();
//-->

</script>

<div class="logo">
logo
</div>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln