HOME -> HTML_ARTIKLER -> 05-html-marqueeV Onsdag, 13. December 2017

HOME
FORUM
OPEN DIRECTORY
BOOKMARK
Offentliggjort 2004 - Opdateret Apr. 2006

Marquee, vertikal

Artiklen viser eksempler på vertikale marquee

Indhold

 

TopIndledning
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.

 

TopSimpel vertikal scroller

Simpel marquee, nedefra og opefter

Marquee eksempel


<marquee direction="up" scrolldelay="5">Marquee eksempel</marquee>


 


 

Simpel marquee, opefra og nedefter

Marquee eksempel


<marquee direction="down" scrolldelay="5">Marquee eksempel</marquee>


 


 

Simpel marquee, op/ned!

Marquee eksempel


<marquee direction="up" behavior="alternate" scrolldelay="5">Marquee eksempel</marquee>


 


 

Simpel Marquee der løber nedefra og opefter, stopper i top.

Marquee eksempel


<marquee behavior="slide" direction="up" scrolldelay="5">Marquee eksempel</marquee>


 


 

Fansy Marquee der løber nedefra og opefter, stopper i top.

Marquee eksempel


<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 eksempel


<marquee behavior="slide" direction="down" scrolldelay="5">Marquee eksempel</marquee>


 


 

Fansy Marquee der løber oppefra og nedefter, stopper i bunden.

Marquee eksempel


<marquee style="font: 20px ravie, algerian, verdana, arial; width: 150px; text-align: center;" behavior="slide" direction="down" scrolldelay="5" bgcolor="red">Marquee eksempel</marquee>


 

TopVertikale scroller som links

Link kører op/ned!

Besøg NETeXplorer.dk


<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.

NETeXplorer.dk .... IT- og webudvikling på godt dansk!

 




<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>


 

TopVertikal scroller placeret i tabel

Linket kører som en nyhedsfader over siden i en tabel.

NETeXplorer.dk .... IT- og webudvikling på godt dansk!

 




<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>


 

Copyright © 2002 - 2017
NETeXplorer.dk · All rights reserved Top