files/pt-br/web/html/element/marquee/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

---
title: <marquee>
slug: Web/HTML/Element/marquee
translation_of: Web/HTML/Element/marquee
---
<p> </p>

<p>{{HTMLRef}}</p>

<p>{{obsolete_header}}</p>

<p> </p>

<p>O elemento html &lt;marquee&gt; é usado para inserir uma área de rolagem de texto"scrolling" , similar a um letreiro. Você pode controlar o comportamento do conteúdo fornecendo alguns atributos extras.</p>

<h2 id="Atributos">Atributos</h2>

<dl>
 <dt>{{htmlattrdef("behavior")}}</dt>
 <dd>Define como o texto é rolado dentro da área do letreiro. Os valores possíveis são scroll, slide e alternate. Se nenhum valor for especificado, o valor padrão será scroll.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("bgcolor")}}</dt>
 <dd>Define a cor do plano de fundo do letreiro através do nome da cor (ex: red, blue) ou de um valor hexadecimal. </dd>
</dl>

<dl>
 <dt>{{htmlattrdef("direction")}}</dt>
 <dd>Define a direção da rolagem do texto dentro do letreiro, os possíveis valores são: left, right, up &amp; down. Se nenhum valor for especificado, o valor padrão será "left".</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("height")}}</dt>
 <dd>Define a altura do letreiro em pixeis ou em um valor percentual.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("hspace")}}</dt>
 <dd>Aplica a margem horizontal. </dd>
 <dt>{{htmlattrdef("loop")}}</dt>
 <dd>Define o número de repetições da animação do letreiro. Se nenhum valor for especificado assumirá o valor padrão de -1, que significa que a animação será repetida infinitamente.</dd>
 <dt>{{htmlattrdef("scrollamount")}}</dt>
 <dd>Define em pixeis o tamanho de rolagem em cada intervalo, o valor padrão é 6.</dd>
 <dt>{{htmlattrdef("scrolldelay")}}</dt>
 <dd>Define o intervalo de tempo entre cada animação de rolagem em milissegundos. O valor padrão é 85. Qualquer valor menor que 60 será ignorado e o valor 60 será usado, a menos que seja especificado como truespeed.   </dd>
 <dt>{{htmlattrdef("truespeed")}}</dt>
 <dd>Por padrão, valores abaixo de 60 milissegundos são ignorados, a menos que o valor truespeed esteja presente, caso esteja estes valores são aceitos. </dd>
 <dt>{{htmlattrdef("vspace")}}</dt>
 <dd>Aplica uma margem vertical em pixeis ou em valor percentual.</dd>
 <dt>{{htmlattrdef("width")}}</dt>
 <dd>Define a largura em pixeis ou em um valor percentual.</dd>
</dl>

<h2 id="Event_Handlers">Event Handlers</h2>

<dl>
 <dt>
 <p>{{htmlattrdef("onbounce")}}</p>
 </dt>
 <dd>Dispara quando o letreiro alcança o final da sua posição de rolagem. Ele apenas dispara quando o comportamento está configurado como <code>alternate.</code></dd>
</dl>

<dl>
 <dt>{{htmlattrdef("onfinish")}}</dt>
 <dd>Dispara quando o letreiro terminar a quantidade de repetições definida pelo atributo loop. Só pode disparar quando o atributo loop estiver definido para algum número maior que 0, obviamente.</dd>
 <dt>{{htmlattrdef("onstart")}}</dt>
 <dd>Dispara quando o letreiro começa a se mover.</dd>
</dl>

<h2 id="Métodos">Métodos</h2>

<dl>
 <dt>
 <p><code>start()</code></p>
 </dt>
 <dd>Começa a mover o letreiro.</dd>
 <dt><code>stop()</code></dt>
 <dd>Para de mover o letreiro.</dd>
</dl>

<h2 id="Exemplos">Exemplos</h2>

<pre><code>&lt;marquee&gt;Este texto vai "rolar" da direita para esquerda&lt;/marquee&gt;

&lt;marquee direction="up"&gt;Este texto vai rolar de baixo para cima.&lt;/marquee&gt;

&lt;marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"&gt;
  &lt;marquee behavior="alternate"&gt;
    Este texto vai pular
  &lt;/marquee&gt;
&lt;/marquee&gt;</code></pre>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>