WebWorkerWorld.de

Home

Tutorials
> Ajax
> CSS
> JavaScript
> PHP
> Sonstige

Quiz
> CSS
> HTML/XHTML
> JavaScript
> PHP

JavaScript
> Datum und Uhrzeit
> Dies und das
> Fenster
> Formulare
> Fun
> Spiele
> Texteffekte

Kontakt

Impressum

 
JavaScript > Texteffekte >

Schreibmaschine

von Tim Leister
Mittwoch, 10.08.2005

Wie bei einer Schreibmaschine erscheint der Text hier Buchstabe für Buchstabe.

<script type="text/javascript">

 // --------------------------------------------------
 // --- (c) 2002/2005 WebWorkerWorld.de --------------
 // --------------------------------------------------

 window.document.write ("<p id=\"foo\" style=\"font-weight:bold;\"></p>");

 var text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam nonummy pede id nisl. Aenean eget odio congue risus placerat ullamcorper. In eu sem. Maecenas justo. Duis id dui. Integer congue lectus quis quam. Fusce sollicitudin pede in wisi. Nunc sem. Curabitur congue. Nullam nec wisi at arcu laoreet ultricies. Proin ut dolor sit amet est dictum placerat. Sed ultrices ultrices tortor. Donec suscipit. Donec velit arcu, sodales ac, elementum at, pretium vitae, tortor.";
 var speed=50;
 var a=0;

 function write_text ()
  {
   if (a<=text.length)
    {
     window.document.getElementById ("foo").innerHTML=text.substr (0, a++)+"_";
     window.setTimeout ("write_text ()", speed);
    }
  }

 window.onload=write_text;

</script>
zurück zurück
nach oben nach oben nach oben
vorwärts vorwärts
XEAM.de
© 2002-2008