LooZHp • 05.06.16 19:04![[Javascript]Efeito digitar Empty](https://2img.net/i/empty.gif)
[Javascript]Efeito digitar 05.06.16 19:04
Olá pessoal, hoje venho trazer pra vocês um novo código javascript, que vai permitir você deixa seu site com um efeito de escrever!
Este script cria um efeito digitação bem interessante numa página web, sendo um grande concorrente da famosa tag MARQUEE.
Ai vai o código:
Bom pessoal é isso, espero que gostem! até mais...
Este script cria um efeito digitação bem interessante numa página web, sendo um grande concorrente da famosa tag MARQUEE.
Ai vai o código:
- Código:
<!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>Efeito digitar em página web</title>
<meta name="author" content="Gabriel Barros | www.gabrielbarros.com.br" />
<script type="text/javascript">
<!--
var posicao = 0;
var mensagem = "Sua mensagem aqui <br>É incrível, não é? <br>Chame a atenção do usuário <br>Indique <a href='#'>links</a> para ele. "; // Digite entre as aspas o que você quiser, inclusive tags HTML.
function rola() {
document.getElementById("lugar").innerHTML = mensagem.substring(posicao,mensagem,length);
posicao++;
if (posicao == mensagem.length) {
posicao = 0;
}
setTimeout("rola()", 130); // O número mencionado pode ser alterado, pois ele indica a velocidade com que a mensagem irá surgir. Quanto maior, mais lento.
}
//-->
</script>
</head>
<body onload="rola()">
<div id="lugar"></div> <!-- Dentro desta tag aparecerá a mensagem rolante. Se preferir mude-a de posição acrescentando o atributo style="position: absolute; top: 200px; left: 500px". Mude os valores top e left de acordo com a sua necessidade -->
</body>
</html>
Bom pessoal é isso, espero que gostem! até mais...
