Offentliggjort 2004 - Opdateret Apr. 2006
Marquee, horisontal
Artiklen viser eksempler på horisontale marquee.
Indhold
 Indledning
I artiklen finder du en række eksempler på horisontale text scroller udført via <marquee> tagen.
Som tidligere nævnt i en af mine artikler, så er marquee ikke en valid html tag. Derfor vil denne side heller ikke validere korrekt ifølge W3C standard.
Om du skal bruge marquee tagen? Det er op til dig selv. Min personlige holdning er at tagen skal bruges med omtanke, da siden hurtig bliver uoverskueligt. Det kan også være svært at følge teksten som scroller over siden. Enten er teksten for hurtig eller for langsom.
Forsøger du at udskrive siden, så kan du ikke være sikker på at få hele teksten med. Det afhænger af om den scrollende tekst var synlig i udskrifts øjeblikket.
Simpel horizontale scroller
Simpel marquee, fra højre mod venstre
<marquee align="middle" direction="left" scrolldelay="5">Marquee eksempel</marquee>
Simpel marquee, fra venstre mod højre
<marquee align="middle" direction="right" scrolldelay="5">Marquee eksempel</marquee>
Simpel marquee, fra side til side!
<marquee align="middle" behavior="alternate" scrolldelay="5">Marquee eksempel</marquee>
Simpel Marquee der løber fra venstre mod højre og stopper i højre side.
<marquee align="middle" behavior="slide" direction="right" scrolldelay="5">Marquee eksempel</marquee>
Fansy Marquee der løber fra venstre mod højre og stopper i højre side.
<marquee style="font: 20px ravie, algerian, verdana, arial" align="middle" behavior="slide" direction="right" scrolldelay="5" bgcolor="#9acd32">Marquee eksempel</marquee>
Simpel Marquee der løber fra højre mod venstre og stopper i venstre side.
<marquee align="middle" behavior="slide" direction="left" scrolldelay="5">Marquee eksempel</marquee>
Fansy Marquee der løber fra højre mod venstre og stopper i venstre side.
<marquee style="font: 20px ravie, algerian, verdana, arial" align="middle" behavior="slide" direction="left" scrolldelay="5" bgcolor="#9acd32">Marquee eksempel</marquee>
Horizontale scroller som links
Link kører frem og tilbage!
<marquee behavior="alternate" height="20" scrollamount="5" width="250px"><a href="http://www.NETeXplorer.dk" target="_blank">Besøg NETeXplorer.dk</a></marquee>
Samme som før, her dog med baggrundsfarve, kursiv og fed tekst.
<marquee behavior="alternate" bgcolor="#00ff00" height="20" scrollamount="5" width="250px"><a href="http://www.NETeXplorer.dk" target="_blank" style="font: italic bold 15px verdana;">Besøg NETeXplorer.dk</a></marquee>
Linket kører som en nyhedsfader over siden.
<marquee bgcolor="#9acd32" height="20" scrollamount="5" scrolldelay="60">
<a href="http://www.NETeXplorer.dk" target="_blank" style="font: italic bold 15px verdana;">NETeXplorer.dk .... IT- og webudvikling på godt dansk!</a>
</marquee>
Horizontale scroller placeret i tabel
I efterfølgende eksempel er marquee lagt ind i en tabel.
<table style="border: 1px dashed #9acd32; background-color: #9acd32;" cellpadding="0"><tr>
<td style="font: 15px verdana; width: 300px;">
<marquee behavior="alternate" bgcolor="#00ff00" scrollamount="5" scrolldelay="100">Marquee eksempel</marquee>
</td>
</tr></table>
Marquee i en tabel og som link, kursiv og fed skrift.
<table style="border: 1px dashed #9acd32; background-color: #9acd32;" cellpadding="0"><tr>
<td style="width: 500px;">
<marquee bgcolor="00ff00" height="20" scrollamount="5" scrolldelay="60">
<a href="http://www.NETeXplorer.dk" target="_blank" style="font: italic bold 15px verdana;">NETeXplorer.dk .... IT- og webudvikling på godt dansk!</a>
</marquee></td>
</tr></table>
|
