Offentliggjort 2004 - Opdateret Apr. 2006
Marquee, vertikal
Artiklen viser eksempler på vertikale marquee
Indhold
 Indledning
I artiklen finder du en række eksempler på vertikale 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 vertikal scroller
Simpel marquee, nedefra og opefter
<marquee direction="up" scrolldelay="5">Marquee eksempel</marquee>
Simpel marquee, opefra og nedefter
<marquee direction="down" scrolldelay="5">Marquee eksempel</marquee>
Simpel marquee, op/ned!
<marquee direction="up" behavior="alternate" scrolldelay="5">Marquee eksempel</marquee>
Simpel Marquee der løber nedefra og opefter, stopper i top.
<marquee behavior="slide" direction="up" scrolldelay="5">Marquee eksempel</marquee>
Fansy Marquee der løber nedefra og opefter, stopper i top.
<marquee style="font: 20px ravie, algerian, verdana, arial; width: 150px; text-align: center;" behavior="slide" direction="up" scrolldelay="5" bgcolor="red">Marquee eksempel</marquee>
Simpel Marquee der løber opefra og nedefter, stopper i bunden.
<marquee behavior="slide" direction="down" scrolldelay="5">Marquee eksempel</marquee>
Fansy Marquee der løber oppefra og nedefter, stopper i bunden.
<marquee style="font: 20px ravie, algerian, verdana, arial; width: 150px; text-align: center;" behavior="slide" direction="down" scrolldelay="5" bgcolor="red">Marquee eksempel</marquee>
Vertikale scroller som links
Link kører op/ned!
<marquee behavior="alternate" direction="up" height="200" scrollamount="1" width="200px">
<a href="http://www.NETeXplorer.dk" target="_blank">Besøg NETeXplorer.dk</a>
</marquee>
Linket kører som en nyhedsfader over siden.
<marquee height="200px" width="200px" direction="up" bgcolor="#9acd32" scrollamount="1" scrolldelay="10">
<a href="http://www.NETeXplorer.dk" target="_blank" style="font: italic bold 15px verdana;">NETeXplorer.dk .... IT- og webudvikling på godt dansk!</a><p> </p>
</marquee>
Vertikal scroller placeret i tabel
Linket kører som en nyhedsfader over siden i en tabel.
<table style="border: 1px dashed #9acd32; background-color: #9acd32;" cellpadding="0"><tr>
<td style="width: 200px; text-align: center;"><marquee direction="up" bgcolor="00ff00" scrollamount="1" 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><p> </p>
</marquee>
</td></tr></table>
|
