[Erledigt] Text scrollen lassen

31.07.2004, 20:04

...mit <marquee></marquee>

Soviel weiß ich auch. Aber wie kann ich ihn senkrecht scrollen lassen?

Außerdem: Gibts es eine möglichkeit den Text so scrollen zu lassen, dass er eine Spur hintersich nachzieht? (<-- Nicht so wichtig)

Danke schonmal im Vorraus... Danke

mfg Zorki

Corvin · 31.07.2004, 20:56

Hallo Zorki,
das kannst du ganz einfach mit JavaScript machen.
Mal ein simples Beispiel:

PHP-Code:

  <html>

<head>

<title>Test</title>

<script language="javascript">

<!--

 
done = 0;

step = 4

 
function anim(yp,yk)

{

 if(document.layers) document.layers["napis"].top=yp;

 else  document.all["napis"].style.top=yp;

 
 if(yp>yk) step = -4

 if(yp<60) step = 4

 
 setTimeout('anim('+(yp+step)+','+yk+')', 35);

}

 
 
function start()

{

 if(done) return

 done = 1;

 
 if(navigator.appName=="Netscape") {

  document.napis.left=innerWidth/2 - 145;

  anim(60,innerHeight - 60)

 }

 else {

  napis.style.left=11;

  anim(60,document.body.offsetHeight - 60)

 }

 
}

 
//-->

</script>

</head>

 
<body>

 
<table border="0" width="566">

  <tr>

    <td width="100%">

      <div id="napis" style="position: absolute; top: -50;">

bla</p></div>

      <script language="javascript">

      <!--

      setTimeout('start()',10);

      //-->

      </script>

    </td>

  </tr>

</table>

</body>

</html>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
JavaScript: Text Area: Scrollen zu einer Zeile im Text	SvenLittkowski	HTML, Usability und Barrierefreiheit	13	28.11.2007 16:31
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
MySQL-Volltextsuche	SvenLittkowski	Datenbanken	6	14.06.2007 19:58
spalte rechts ausrichten, text aber trotzdem linksbündig	Crypi	HTML, Usability und Barrierefreiheit	5	14.09.2006 11:35
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] Text auf Bild		PHP Tipps 2005	9	28.04.2005 15:05
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
frames probleme		HTML, Usability und Barrierefreiheit	6	18.01.2005 02:33
Per Button Text formatieren	Igäl	HTML, Usability und Barrierefreiheit	1	11.11.2004 06:25
Javascript: Text einfügen geht nich über "javascript:BL		HTML, Usability und Barrierefreiheit	14	19.10.2004 21:44
Zeilenumbrüche aus einem formatierten Text entfernen	woods	PHP Tipps 2004	9	23.09.2004 12:50
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

31.07.2004, 20:04
Gast Beiträge: n/a	[Erledigt] Text scrollen lassen ...mit <marquee></marquee> Soviel weiß ich auch. Aber wie kann ich ihn senkrecht scrollen lassen? Außerdem: Gibts es eine möglichkeit den Text so scrollen zu lassen, dass er eine Spur hintersich nachzieht? (<-- Nicht so wichtig) Danke schonmal im Vorraus... Danke mfg Zorki


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

31.07.2004, 20:56
Corvin Erfahrener Benutzer Registriert seit: 02.04.2008 Beiträge: 2.603	Hallo Zorki, das kannst du ganz einfach mit JavaScript machen. Mal ein simples Beispiel: PHP-Code: <html> <head> <title>Test</title> <script language="javascript"> <!-- done = 0; step = 4 function anim(yp,yk) { if(document.layers) document.layers["napis"].top=yp; else document.all["napis"].style.top=yp; if(yp>yk) step = -4 if(yp<60) step = 4 setTimeout('anim('+(yp+step)+','+yk+')', 35); } function start() { if(done) return done = 1; if(navigator.appName=="Netscape") { document.napis.left=innerWidth/2 - 145; anim(60,innerHeight - 60) } else { napis.style.left=11; anim(60,document.body.offsetHeight - 60) } } //--> </script> </head> <body> <table border="0" width="566"> <tr> <td width="100%"> <div id="napis" style="position: absolute; top: -50;"> bla</p></div> <script language="javascript"> <!-- setTimeout('start()',10); //--> </script> </td> </tr> </table> </body> </html>