DIV com rolagem automática


DIV com rolagem automática
Este código está na categoria javascript e mostra o seguinte assunto: DIV com rolagem automática, em destaque estão os marcadores javascript, código, javascript,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
  <head>
    <title>DIV com rolagem automática: anuncie notícias e novidades</title>
   
    <script type="text/javascript">
      <!--
      i = 0;
      tempo = 50;
      tamanho = 826; // tamanho da barra de rolagem

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

  <body onload="Rolar()">
    <div id="painel" style="font: 15px Tahoma; cursor: default; height: 200px; width: 200px; overflow: hidden; background-color: #DFEDFE; padding-left: 10px;  padding-right: 10px" onmouseover="Parar()" onmouseout="Rolar()">
      <!-- INÍCIO DO CONTEÚDO DA DIV -->
      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Um cidadão fez voto de desapego e pobreza. Dispôs de todos os seus bens e propriedades, reservou para si apenas duas tangas, e saiu pelo mundo afora em busca de todos os sábios, medindo na verdade o desapego de cada um. Levava apenas uma tanga no corpo  tUm cidadão fez voto de desapego e pobreza. 
      <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
      <!-- FIM DO CONTEÚDO DA DIV -->
    </div>
  </body>
</html>


Categoria: html, javascript | Tags: , , , , | Postado por joemaster em 23/jun/2020

<< Anterior

Próximo >>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *