all html code's here

HTML Code Marquee

 

Voorbeeld Marquee Code

Merk op dat als je niet kunt bekijken van de voorbeelden, het waarschijnlijk is dat uw browser geen ondersteuning biedt voor de feesttent tag.

Slide-in tekst:

Deze tekst dia's in van rechts, dan blijft waar het is. U moet vernieuwen deze pagina om het effect weer te zien.

 

<!-- HTML codes by Quackit.com -->
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
 

Deze code resulteert in:

Uw slide-in tekst komt hier

Continu lopende tekst:

 

Deze code resulteert in:

<!-- HTML codes by Quackit.com -->

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
 
Uw lopende tekst komt hier

Tekst stuitert heen en weer:

Deze code resulteert in:<!-- HTML codes by Quackit.com -->

<marquee behavior="alternate">Your bouncing text goes here</marquee>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
 
Uw bouncing tekst komt hier

Tekst scrollen Omhoog:<!-- HTML codes by Quackit.com -->

<marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
 

Deze code resulteert in:

<!-- HTML codes by Quackit.com -->

<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
 
Uw omhoog scrollende tekst komt hiVerander de Scrollsnelheid:

Deze code resulteert in:

Trage schuifsnelheidMedium schuifsnelheidSnel schuifsnelheid

Scrolling Afbeeldingen:

Vervang de src ="... deel met de locatie van uw eigen beeld.

<!-- HTML codes by Quackit.com -->

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
 

Deze code resulteert in:<!-- HTML codes by Quackit.com -->

<marquee behavior="scroll" direction="left">
<img src="/pix/smile.gif" width="100" height="100" alt="smile" />
<p>Sample text under a <a href="https://www.quackit.com/html/codes/html_marquee_code.cfm">Marquee image</a>.</p>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
</marquee>
 
glimlach

Afbeeldingen & Tekst (Beiden scrollen):

Voeg eenvoudig uw tekst onder het beeld tag (maar nog binnen de tent tags).

<!-- HTML codes by Quackit.com -->

<marquee behavior="scroll" direction="left">
<img src="/pix/smile.gif" width="100" height="100" alt="smile" />
<p>Sample text under a <a href="https://www.quackit.com/html/codes/html_marquee_code.cfm">Marquee image</a>.</p>
<p style="font-size:10px;"><a href="https://www.quackit.com/html/codes/">HTML code</a></p>
</marquee>
 

Deze code resulteert in:

glimlach

Voorbeeld tekst onder een afbeelding Marquee .

Cool Effecten met Marquees!

U kunt gebruik maken van HTML-tenten voor een aantal coole effecten. Check deze dalende tekst (gegenereerd met het Falling Text Generator ) ...

<!-- HTML Codes by Quackit.com -->

<marquee style="z-index:2;position:absolute;left:319;top:56;font-family:Cursive;font-size:14pt;color:ffcc00;height:467;"scrollamount="6" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:41;top:52;font-family:Cursive;font-size:14pt;color:ffcc00;height:123;"scrollamount="5" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:206;top:49;font-family:Cursive;font-size:14pt;color:ffcc00;height:219;"scrollamount="1" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:216;top:8;font-family:Cursive;font-size:14pt;color:ffcc00;height:487;"direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:226;top:20;font-family:Cursive;font-size:14pt;color:ffcc00;height:255;"scrollamount="4" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:223;top:79;font-family:Cursive;font-size:14pt;color:ffcc00;height:71;"scrollamount="3" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:173;top:45;font-family:Cursive;font-size:14pt;color:ffcc00;height:440;"direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:101;top:43;font-family:Cursive;font-size:14pt;color:ffcc00;height:44;"scrollamount="4" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:173;top:109;font-family:Cursive;font-size:14pt;color:ffcc00;height:281;"scrollamount="2" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:254;top:27;font-family:Cursive;font-size:14pt;color:ffcc00;height:443;"scrollamount="2" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:186;top:100;font-family:Cursive;font-size:14pt;color:ffcc00;height:123;"scrollamount="1" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:40;top:95;font-family:Cursive;font-size:14pt;color:ffcc00;height:267;"scrollamount="4" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:249;top:72;font-family:Cursive;font-size:14pt;color:ffcc00;height:43;"scrollamount="5" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:164;top:88;font-family:Cursive;font-size:14pt;color:ffcc00;height:425;"scrollamount="7" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:165;top:89;font-family:Cursive;font-size:14pt;color:ffcc00;height:93;"scrollamount="3" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:208;top:80;font-family:Cursive;font-size:14pt;color:ffcc00;height:477;"scrollamount="3" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:133;top:45;font-family:Cursive;font-size:14pt;color:ffcc00;height:95;"scrollamount="3" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:147;top:91;font-family:Cursive;font-size:14pt;color:ffcc00;height:216;"scrollamount="1" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:73;top:15;font-family:Cursive;font-size:14pt;color:ffcc00;height:163;"scrollamount="3" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:5;top:37;font-family:Cursive;font-size:14pt;color:ffcc00;height:439;"scrollamount="6" direction="down">Text... or snow?!</marquee><marquee style="z-index:2;position:absolute;left:120;top:15;font-family:Cursive;font-size:14pt;color:ffcc00;height:85;"scrollamount="7" direction="down">Text... or snow?!</marquee><span style="position:absolute;top:400px"><p style="font-family:arial,sans-serif;font-size:10px;"><a href="https://www.html.am">HTML codes</a></p></span>
Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!Marquee effecten ... cool!