Seite 1 von 1

<marquee>-Tag nach einmaligen durchlaufen stoppen: wie

Verfasst: 04.05.2006 20:27
von ATARI
Moinsen, ich hab da was nettes für meine Mum zum Bday gemacht also sie klickt auf ne Seite, da öffnet sich dann ein PopUp Fenster und in dem flimmert dann mittels <marquee> Tag ein netter Geburstaggruß über den Screen.
Und am Ende des <marquee> Tags ist halt noch n Pic von mir.

Wie kann man es nun so machen dass das Teil nur einmal durchläuft und dann am Ende stehenbleibt?

So sieht der Code aus:

Code: Alles auswählen

<html>
<center><embed src="bd_top.swf" width="495" height="80"><p>
<marquee id="bday" behavior="scroll" direction="up" height="193" width="495" scrolldelay="80" scrollamount="2">
<font size="18" face="Hollywood Hills" color="orange">Liebe Mama,<br><br>text text<br><img src="mausi.PNG"></font></marquee><p>
<embed src="bd_bottom.swf" width="495" height="60"><embed src="menu_01_frame_right.swf" height="0" width="0">
</center></html>
Effect soll halt sein dass der Text durchläuft und dann Ende wo das Bild kommt der ganze <marquee>-Code stehen bleibt und nur noch das Bild zu sehen ist.


Ginge das irgendwie?

Verfasst: 05.05.2006 12:51
von MartinITM
Hio,

du kannst das mit DHTML machen. Dann funktioniert es auch mit einem nicht M$ Browser. z.B.

Code: Alles auswählen

<html>
<head>
<script language=javascript>
<!--

function leselinks(){
  if (document.all)
    return document.all.logo.style.posLeft
  else if (document.layers)
    return document.logo.left
  else if (document.getElementById)
    return parseInt(document.getElementById("logo").style.left)
}

function setzelinks(n){
  if (document.all)
    document.all.logo.style.posLeft = n
  else if (document.layers)
    document.logo.left = n
  else if (document.getElementById)
    document.getElementById("logo").style.left = n+"px"
}

function animate(abstand){
  ziel=abstand;
  if (leselinks()>ziel){
    setzelinks(leselinks() - 3)
    setTimeout("animate(ziel)", 50)
  }
}


function start()
{
  ziel = -100;
  setzelinks(1000);
  animate(ziel);
}
//-->
</script>
</head>

<body onLoad="start()">
<div id="logo" name ="logo" style="position:absolute; left:350px; top:100px">
  <b>Alles Gute zum Geburtstag ...</b>
  <img src=bild.jpg id="bild" width="100">
</div>
</body>

</html>
würde den Text evtl mit in das Bild machen (also einfach ein Bild mit z.B. 1000x200px erstellen), da er sonst bestimmt "springt".