444:
without a 'Loop' attribute, the number of scrolls will be repeated according to what number 'Loop' is equal to. If 'Loop=1' then item will scroll only once and will exit the length of marquee completely, while the item being scrolled will stop would be the same as 'Slide'. By default, 'Loop=infinite' so it is not needed to code the attribute 'Loop' if you want a non-stop scroll. Note: 'Loop' will be ignored if attribute 'Behavior' is coded. Also, if 'Behavior=Alternate' and 'Loop=2' then item will go from beginning of the
Marquee to the end and back to the beginning, counting a round trip as 2 loops.
20:
443:
Loops are counted by each time it reaches each end of the marquee; a loop of 1 is different from 'Slide' attribute. when item is being scrolled with 'Slide' attribute, item will stop permanently at the end of length of the marquee, displaying the entire item. However, when an item is being scrolled
367:
Because marquee text moves, links within it are more difficult to click than those in static text, depending on the speed and length of the scrolling. Users only get one chance every time it scrolls past. Also, scrolling text too fast can make it unreadable to some people, particularly those with
437:โ When used in absence of the 'Behavior' attribute, contents to be scrolled will slide the entire length of marquee but stops the moment it hits the end, so that the contents will be displayed. But if it is used with attribute 'Behavior' then the attribute 'Slide' will be ignored.
509:
This sets the amount of time, in milliseconds, between 'frames', much like watching a replay of a video where every frame of the video would be paused for x number of milliseconds. 'Scrolldelay=1000' means a slow motion where every frame lasts one thousand milliseconds or one
360:, marquee-tagged images or text are not always completely visible on rendered pages, making printing such pages an inefficient (if not impossible) task; typically multiple attempts are required to capture all text that could be displayed where messages scroll or blink. The
21:
23:
24:
882:
830:
properties were proposed to achieve the same effect as specified in the
Marquee Module Level 3, which was abandoned without implementation in 2014. Similar effects can also be achieved through the use of
431:(default) โ Scrolls the text from right-to-left, and restarts at the right side of the marquee when it has reached the left side. Text disappears when looping finishes.
22:
890:
722:
to be a simple translation from right to left; it would be possible to reverse the animation by inverting it (from -100% to 100%, for example). The
147:
273:
514:
A marquee element can contain arbitrary HTML, so in addition to text it could move one or more images, movie clips, or animated
364:
version of marquee makes text jitter back and forth but does not obscure any part of it if scrolling widths are set correctly.
325:
element which causes text to scroll up, down, left or right automatically. The tag was first introduced in early versions of
473:
Sets the direction of the marquee box. Values are left, right, up, down where the value indicates the direction of travel.
304:
278:
235:
174:
353:
Marquee can be distracting. The human eye is attracted to movement, and marquee text is constantly moving.
526:
The marquee tag has been deprecated in most browsers, but the same behavior can still be implemented with
501:
This is how many pixels the text moves between 'frames'. So scrollamount=1 gives the slowest scroll speed.
142:
230:
395:(accomplished via CSS; the marquee tag itself is deprecated and no longer works in most browsers)
827:
527:
334:
132:
369:
164:
923:
341:, as a proprietary non-standard extension to the HTML standard with usability problems. The
819:
392:
169:
86:
822:
web browsers support it for compatibility with legacy pages. The element is non-compliant
493:
This sets how many times the marquee should 'Loop' its text. Each trip counts as one loop.
8:
962:
297:
186:
807:
330:
425:
Allows the user to set the behavior of the marquee to one of three different types:
967:
152:
856:
811:
54:
946:
Creates horizontal or vertical marquee for text, images, goods, banners or logos
836:
414:
257:
120:
64:
956:
815:
357:
338:
290:
159:
125:
108:
103:
98:
93:
44:
252:
247:
137:
81:
832:
196:
191:
69:
59:
404:
that can be used to control and adjust the appearance of the marquee.
401:
372:
allows marquees to be programmed to stop when the mouse is over them.
910:
803:
368:
visual impairments. This can easily frustrate users. To combat this,
326:
943:
453:- Scrolls the text from right-to-left & goes back left-to-right.
400:
Unlike its blinking counterpart, the marquee element has several
242:
218:
223:
213:
208:
201:
76:
49:
823:
322:
35:
28:
A video of an HTML marquee displaying the text "Knowledge".
477:
therefore moves the text from right to left on the screen.
515:
342:
179:
883:"Study shows that eyes will forsake words for movement"
880:
954:
944:liMarquee - alternative marquee jQuery plugin.
298:
802:The marquee element was first invented for
345:advises against its use in HTML documents.
726:can also be modified to alter its output.
305:
291:
485:This sets how wide the marquee should be.
465:Sets the background color of the marquee.
766:The freakin' geese are on the lease!
18:
729:The style can then be invoked in HTML:
955:
921:
348:
788:The freakin' geese are on the lease!
13:
14:
979:
922:Sharp, Remy (10 September 2008).
881:Tim Louis Macaluso (2009-05-27).
521:
391:Example of marquee text from the
16:HTML element for scrolling text
937:
915:
904:
874:
849:
1:
842:
797:
746:"marquee-container"
375:
279:Comparison of browser engines
413:Uses the same syntax as the
7:
761:"marquee-content"
10:
984:
924:"The Silky Smooth Marquee"
911:CSS Marquee Module Level 3
384:This is the new WikiPedia!
857:"Glossary ยป marquee"
274:Document markup languages
887:Rochester City Newspaper
810:and is supported by it.
731:
532:
791:
528:Cascading Style Sheets
388:
333:, and was compared to
29:
785:
380:
370:client-side scripting
165:Document Object Model
27:
718:, is defined by its
393:first Knowledge edit
362:behavior="alternate"
170:Browser Object Model
143:Character encodings
349:Usability problems
321:is a non-standard
30:
808:Internet Explorer
619:marquee-container
331:Internet Explorer
315:
314:
25:
975:
947:
941:
935:
934:
932:
930:
919:
913:
908:
902:
901:
899:
898:
889:. Archived from
878:
872:
871:
869:
868:
853:
781:
778:
775:
772:
769:
765:
762:
759:
756:
753:
750:
747:
744:
741:
738:
735:
725:
721:
717:
710:
707:
704:
701:
698:
695:
692:
689:
686:
683:
680:
677:
674:
671:
668:
665:
662:
659:
656:
653:
650:
647:
644:
641:
638:
635:
632:
629:
626:
623:
620:
617:
614:
611:
608:
605:
602:
599:
596:
593:
590:
587:
584:
581:
578:
575:
572:
569:
566:
563:
560:
557:
554:
551:
548:
545:
542:
539:
536:
506:
498:
490:
482:
476:
470:
462:
422:
410:
396:
363:
307:
300:
293:
258:Rendering engine
148:named characters
32:
31:
26:
983:
982:
978:
977:
976:
974:
973:
972:
953:
952:
951:
950:
942:
938:
928:
926:
920:
916:
909:
905:
896:
894:
879:
875:
866:
864:
861:Usability First
855:
854:
850:
845:
837:CSS3 animations
800:
794:
792:
790:
789:
783:
782:
779:
776:
773:
770:
767:
763:
760:
757:
754:
751:
748:
745:
742:
739:
736:
733:
723:
719:
715:
714:The animation,
712:
711:
708:
705:
702:
699:
696:
693:
691:marquee-content
690:
687:
684:
681:
678:
675:
672:
669:
666:
663:
660:
657:
654:
651:
648:
645:
642:
639:
636:
633:
630:
627:
624:
621:
618:
615:
612:
609:
606:
603:
600:
597:
594:
591:
588:
585:
582:
579:
576:
573:
570:
567:
564:
561:
558:
555:
552:
549:
546:
543:
540:
537:
534:
524:
504:
496:
488:
480:
474:
468:
460:
420:
408:
398:
390:
387:
386:
385:
378:
361:
351:
311:
19:
17:
12:
11:
5:
981:
971:
970:
965:
949:
948:
936:
914:
903:
873:
847:
846:
844:
841:
799:
796:
787:
786:
784:
732:
533:
523:
522:Implementation
520:
512:
511:
507:
502:
499:
494:
491:
486:
483:
478:
475:direction=left
471:
466:
463:
457:
456:
455:
454:
441:
440:
439:
438:
432:
423:
418:
411:
383:
382:
381:
379:
377:
374:
350:
347:
313:
312:
310:
309:
302:
295:
287:
284:
283:
282:
281:
276:
268:
267:
263:
262:
261:
260:
255:
250:
245:
240:
239:
238:
228:
227:
226:
221:
216:
206:
205:
204:
194:
189:
184:
183:
182:
172:
167:
162:
157:
156:
155:
150:
140:
135:
130:
129:
128:
121:HTML attribute
118:
117:
116:
111:
106:
101:
91:
90:
89:
87:Mobile Profile
84:
74:
73:
72:
67:
62:
57:
47:
39:
38:
15:
9:
6:
4:
3:
2:
980:
969:
966:
964:
961:
960:
958:
945:
940:
925:
918:
912:
907:
893:on 2009-06-01
892:
888:
884:
877:
862:
858:
852:
848:
840:
838:
834:
829:
825:
821:
817:
813:
809:
805:
795:
730:
727:
531:
530:, like this:
529:
519:
517:
508:
503:
500:
495:
492:
487:
484:
479:
472:
467:
464:
459:
458:
452:
449:
448:
447:
446:
445:
436:
433:
430:
427:
426:
424:
419:
416:
412:
407:
406:
405:
403:
397:
394:
373:
371:
365:
359:
358:blink element
354:
346:
344:
340:
339:blink element
336:
332:
328:
324:
320:
308:
303:
301:
296:
294:
289:
288:
286:
285:
280:
277:
275:
272:
271:
270:
269:
265:
264:
259:
256:
254:
251:
249:
246:
244:
241:
237:
234:
233:
232:
229:
225:
222:
220:
217:
215:
212:
211:
210:
207:
203:
200:
199:
198:
195:
193:
190:
188:
185:
181:
178:
177:
176:
173:
171:
168:
166:
163:
161:
160:Language code
158:
154:
151:
149:
146:
145:
144:
141:
139:
136:
134:
131:
127:
126:alt attribute
124:
123:
122:
119:
115:
112:
110:
107:
105:
102:
100:
97:
96:
95:
92:
88:
85:
83:
80:
79:
78:
75:
71:
68:
66:
63:
61:
58:
56:
53:
52:
51:
48:
46:
43:
42:
41:
40:
37:
34:
33:
939:
927:. Retrieved
917:
906:
895:. Retrieved
891:the original
886:
876:
865:. Retrieved
860:
851:
801:
793:
728:
713:
703:inline-block
525:
513:
497:scrollamount
450:
442:
434:
428:
399:
389:
366:
356:As with the
355:
352:
318:
316:
175:Style sheets
113:
104:div and span
94:HTML element
45:Dynamic HTML
625:white-space
505:scrolldelay
319:marquee tag
266:Comparisons
253:Web storage
248:Quirks mode
187:Font family
138:HTML editor
957:Categories
897:2010-03-14
867:2010-03-14
843:References
833:JavaScript
798:Compliance
720:@keyframes
595:translateX
562:translateX
402:attributes
376:Attributes
197:JavaScript
192:Web colors
133:HTML frame
963:HTML tags
863:. Foraker
804:Microsoft
774:></
661:animation
589:transform
556:transform
538:keyframes
469:direction
451:Alternate
327:Microsoft
236:Validator
749:><
679:infinite
655:relative
649:position
637:overflow
421:behavior
417:element.
335:Netscape
968:Web 1.0
929:20 July
812:Firefox
716:marquee
697:display
667:marquee
541:marquee
510:second.
461:bgcolor
153:Unicode
114:marquee
55:article
820:Safari
816:Chrome
676:linear
643:hidden
631:nowrap
429:Scroll
243:WHATWG
219:WebGPU
65:canvas
835:, or
768:</
755:class
740:class
481:width
435:Slide
409:align
224:WebXR
214:WebGL
209:Web3D
202:WebCL
109:blink
82:Basic
77:XHTML
70:video
60:audio
50:HTML5
931:2005
824:HTML
818:and
780:>
764:>
734:<
601:-100
516:GIFs
489:loop
323:HTML
317:The
99:meta
36:HTML
828:CSS
806:'s
777:div
771:div
752:div
737:div
724:10s
580:100
568:100
415:img
343:W3C
337:'s
329:'s
231:W3C
180:CSS
959::
885:.
859:.
839:.
826:.
814:,
670:10
607:);
574:);
518:.
933:.
900:.
870:.
758:=
743:=
709:}
706:;
700::
694:{
688:.
685:}
682:;
673:s
664::
658:;
652::
646:;
640::
634:;
628::
622:{
616:.
613:}
610:}
604:%
598:(
592::
586:{
583:%
577:}
571:%
565:(
559::
553:{
550:%
547:0
544:{
535:@
306:e
299:t
292:v
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.