Anuncio com rolagem automática
Autor: Edson Cardoso | Publicado: 2011-07-14T20:40:00-07:00


Este script, apesar de não mostrar complexidade, sem dúvida alguma, é excelente.&nbsp;

A prova disso é que está presente em vários sites atuais. Ele mostra uma mensagem dentro de uma rolando de baixo para cima. Quando o usuário passa o mouse sobre a mensagem, esta para de se mover para que possa ser lida com mais comodidade.&nbsp;

Use a sua imaginação à vontade e divulgue as novidades do seu site, links em destaque, artigos recomendados, produtos, últimas notícias, últimas do fórum, artigos em destaque, parcerias, programas para download, comunidades no Orkut-Twitter-Facebook-YouTube-Via6, links para blogs de amigos, promoções, apostilas, vídeos, resultados de promoções, termos de privacidade, alertas de fraude, piadas, conteúdos humorísticos, guias de turismo,...&nbsp;

Enfim, você decide:)
Cole o código em azul no Gadget HTML/JavaScript e mude a mensagem em vermelho.


&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"&gt;
&nbsp; &lt;head&gt;
&nbsp; &nbsp; &lt;title&gt;DIV com rolagem automática: anuncie notícias e novidades&lt;/title&gt;
&nbsp; &nbsp; &lt;meta name="author" content="Gabriel Barros | www.gabrielbarros.com.br" /&gt;


&nbsp; &nbsp; &lt;script type="text/javascript"&gt;
&nbsp; &nbsp; &nbsp; &lt;!--
&nbsp; &nbsp; &nbsp; i = 0;
&nbsp; &nbsp; &nbsp; tempo = 50;
&nbsp; &nbsp; &nbsp; tamanho = 826; // tamanho da barra de rolagem &nbsp;&gt;&gt; Ver arquivo Leiame.txt


&nbsp; &nbsp; &nbsp; function Rolar() {
&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('painel').scrollTop = i;
&nbsp; &nbsp; &nbsp; &nbsp; i++;
&nbsp; &nbsp; &nbsp; &nbsp; t = setTimeout("Rolar()", tempo);
&nbsp; &nbsp; &nbsp; &nbsp; if (i == tamanho) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; i = 0;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; function Parar() {
&nbsp; &nbsp; &nbsp; &nbsp; clearTimeout(t);
&nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; //--&gt;
&nbsp; &nbsp; &lt;/script&gt;
&nbsp; &lt;/head&gt;


&nbsp; &lt;body onload="Rolar()"&gt;
&nbsp; &nbsp; &lt;div id="painel" style="font: 15px Tahoma; cursor: default; height: 200px; width: 200px; overflow: hidden; background-color: #DFEDFE; padding-left: 10px; &nbsp;padding-right: 10px" onmouseover="Parar()" onmouseout="Rolar()"&gt;
&nbsp; &nbsp; &nbsp; &lt;!-- INÍCIO DO CONTEÚDO DA DIV --&gt;
&nbsp; &nbsp; &nbsp; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
&nbsp; &nbsp; &nbsp;&nbsp;SALMOS 112


1 Louvai ao Senhor. Bem-aventurado o homem que teme ao Senhor, que em seus mandamentos tem grande prazer!
2 A sua descendência será poderosa na terra; a geração dos retos será abençoada.
3 Bens e riquezas há na sua casa; e a sua justiça permanece para sempre.
4 Aos retos nasce luz nas trevas; ele é compassivo, misericordioso e justo.
5 Ditoso é o homem que se compadece, e empresta, que conduz os seus negócios com justiça;
6 pois ele nunca será abalado; o justo ficará em memória eterna.
7 Ele não teme más notícias; o seu coração está firme, confiando no Senhor.
8 O seu coração está bem firmado, ele não terá medo, até que veja cumprido o seu desejo sobre os seus adversários.
9 Espalhou, deu aos necessitados; a sua justiça subsiste para sempre; o seu poder será exaltado em honra.
10 O ímpio vê isto e se enraivece; range os dentes e se consome; o desejo dos ímpios perecerá.
&nbsp; &nbsp; &nbsp; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
&nbsp; &nbsp; &nbsp; &lt;!-- FIM DO CONTEÚDO DA DIV --&gt;
&nbsp; &nbsp; &lt;/div&gt;
&nbsp; &lt;/body&gt;
&lt;/html&gt;