Browser-onafhankelijke <marquee>
Hieronder staat een lichtkrant, die helemaal is geschreven in JavaScript. In tegenstelling tot de tag <marquee>, werkt deze lichtkrant met elke browser die JavaScript ondersteunt. In de praktijk is dat dus: elke browser. De mogelijkheden zijn echter veel beperkter. Een versie met plaatjes is te vinden in het item Browser-onafhankelijke <marquee> II: Foto's.
Dit is een aangepaste en gemoderniseerde versie van een code die te vinden is op Dynamic Drive. Door de aanpassing is het mogelijk om de lichtkrant links, gecentreerd of rechts uitgelijnd op het scherm te plaatsen met behulp van een parameter in het JavaScript.
De code staat onderaan deze bladzijde. Je kunt hem ook downloaden.
- De code voor de scroller staat in een file marquee.js, die je moet aanpassen om hem te gebruiken.
- De file marquee.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 zichtbare tekst van de marqueecontent moeten altijd tussen <nobr>....</nobr> tags staan, anders werkt het niet goed.
Op deze bladzijde is:
marqueecontent = '<span style="color:#000080;font-size:11pt; font-weight=bold"><nobr> <>< <>< Deze website is het resultaat van veel vallen en opstaan, proberen en leren... <>< <><</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") moet na de </script>-tag nog de code <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="marquee.js"></script>
Downloaden:
Druk op de knop:
File: voorb107.zip, 1564 bytes.
Opmerking:
Op het moment dat dit wordt geschreven, wordt de tag <marquee> nog door vrijwel elke browser ondersteund, hoewel <marquee>
niet in de HTML-specificaties voorkomt (en heeft daar ook nooit in gestaan).
Het is ook mogelijk om een scroller te maken in een venster. Zie daarvoor het item "Lichtkrant in een venster".
Er is ook een versie van deze scroller beschikbaar waarbij de tekst heen-en-weer gaat. Zie daarvoor het item
"Browser-onafhankelijke marquee V: Heen-en-weer gaande tekst"
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.
