Browser-onafhankelijke <marquee> V:
Heen-en-weer gaande tekst
Hieronder zie je een tekst die heen en weer gaat. Normaal regel je zoiets met <marquee behavior="alternate">. Dat heeft het probleem dat niet elke browser dat goed ondersteunt.
Op deze pagina wordt een JavaScript gepresenteerd dat het zelfde doet.
De code staat onderaan deze bladzijde. Je kunt hem downloaden om zelf te gebruiken.
- De code voor de scroller staat in een file marquee3.js, die je moet aanpassen om hem te gebruiken.
- De file marquee3.js wordt in de <BODY> gezet op de plaats waar je de lichtkrant op je pagina wilt laten verschijnen.
- De volgende parameters kun je aanpassen:
Parameter Betekenis marqueewidth Breedte (in pixels) van de lichtkrant. De waarde moet als "px" worden opgegeven.
Op deze bladzijde is marqueewidth = "450px".marqueeheight Hoogte (in pixels) van de lichtkrant. De waarde moet als "px" worden opgegeven.
Op deze bladzijde is marqueeheight = "18px".marqueealignment Keyword, mag zijn "left", "center" of "right". Hiermee wordt de uitlijning op de regel bepaald: Links, gecentreerd of rechts.
Op deze bladzijde is marqueealignment = "center".marqueespeed Bewegingssnelheid van de lichtkrant. Dit is een getal tussen 6 en 20. Er geldt: hoger is sneller.
Op deze bladzijde is marqueespeed = "10".marqueebgcolor Hexadecimale kleurcode voor de achtergrondkleur van de lichtkrant, inclusief het 'hekje'.
Op deze bladzijde is marqueebgcolor = "#DDFFDD".pauseit Deze parameter kan 0 zijn, of 1. Als pauseit = 1 stopt de beweging als de muis er overheen wordt bewogen.
Op deze bladzijde is pauseit = "1".marqueecontent Hier zet je de tekst van de lichtkrant, inclusief de tags om de tekst op te maken. De opmaak kan ook geregeld worden met een style of style-class. Daarvoor gebruik je <span>....</span>-tags.
De buitenste tags van marqueecontent moeten altijd <nobr>....</nobr> zijn, anders werkt het niet goed.
De opmaak-tags op deze bladzijde zijn:
marqueecontent = <span style="color:#000080;font-size:11pt; font-weight:bold"><nobr>Deze tekst gaat heen-en-weer</nobr></span>.
Behalve de hierboven genoemde zaken behoeft er niets anders veranderd te worden.
- Bij gebruik van een links of rechts uitgelijnde lichtkrant (marqueealignment = "left" of "right") moeten na de </script>-tag nog de tags <br> worden toegevoegd om problemen met de tekstomloop te voorkomen.
Gebruik:
- De code staat in de <BODY>.
De code ziet er als volgt uit:
(Zet dit in de <BODY>, op de plaats waar de lichtkrant moet komen).
<script src="marquee3.js"></script>
Downloaden:
Druk op de knop:
File: voorb277.zip, 1558 bytes.
Opmerking:
Er is ook een versie van deze scroller beschikbaar waarbij de tekst van links naar rechts gaat. Zie daarvoor het item
"Browser-onafhankelijke marquee"
Bedenk dat steeds weer herhalende beweging op het scherm al gauw irriteert. Maak de lichtkrant niet te lang
en zet er niet meer dan één op een pagina. Houd ook het aantal pagina's van je site waarop
een lichtkrant staat beperkt.
