Een citaat presenteren à la Teletype II

De tekst hierboven wordt — na een korte pauze — karakter voor karakter op het scherm gezet, op de manier zoals dat vroeger gebeurde door een schrijfmachine. Als de tekst voor ongeveer de helft is uitgeschreven, stuitert er van links een verticale balk naar binnen.

Op deze pagina wordt getoond hoe je zoiets aan kunt pakken. De code kun je downloaden om zelf te gebruiken.

Gebruik:

De code van het voorbeeld ziet er als volgt uit:
 
(Zet dit in de <HEAD>).

<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>

(Zet dit in de <BODY> op de plaats waar het effect moet verschijnen.)

<div class="wrapper">
  <div class="lijn"></div>
  <div id="container"></div>
</div>

Downloaden:
 
Druk op de knop: Download deze code  File: voorb742.zip, 1435 bytes.

 
terug

html-742; Laatste wijziging: 7 mei 2024