HOME -> HTML_ARTIKLER -> 04-html-marqueeH Lørdag, 19. august 2017

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

Marquee, horisontal

Artiklen viser eksempler på horisontale marquee.

Indhold

 

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

 

TopSimpel horizontale scroller

Simpel marquee, fra højre mod venstre

Marquee eksempel


<marquee align="middle" direction="left" scrolldelay="5">Marquee eksempel</marquee>


 


 

Simpel marquee, fra venstre mod højre

Marquee eksempel


<marquee align="middle" direction="right" scrolldelay="5">Marquee eksempel</marquee>


 


 

Simpel marquee, fra side til side!

Marquee eksempel


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


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


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


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


<marquee style="font: 20px ravie, algerian, verdana, arial" align="middle" behavior="slide" direction="left" scrolldelay="5" bgcolor="#9acd32">Marquee eksempel</marquee>


 

TopHorizontale scroller som links

Link kører frem og tilbage!

Besøg NETeXplorer.dk


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

Besøg NETeXplorer.dk


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

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


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


 

TopHorizontale scroller placeret i tabel

I efterfølgende eksempel er marquee lagt ind i en tabel.

Marquee eksempel



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

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



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


 

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