Crazy Pop-up
Publicado por Thiago (última atualização em 31/07/2010)
[ Hits: 6.804 ]
Neste exemplo utilizo algumas características avançadas do JavaScript como captura de eventos, funções de call-back, mudança de estilo CSS.
Abraço a todos.
<!-- Autor: thiagoamm Data: 15/08/2009 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css" media="all"> .estilo1 { color: #000; background: #fff; } .estilo2 { color: #fff; background: #000; } </style> <script type="text/javascript"> var x = 0; function moveToRight() { if (x > (screen.width - 200)) { x = 0; } if (x % 2 == 0) { document.body.className = "estilo2"; } else { document.body.className = "estilo1"; } window.moveTo(x += 5, 0); setTimeout(moveToRight, 70); } window.onload = function() { this.document.title = "Teste Pop-up"; this.document.body.className = "estilo1"; this.moveTo(0, 0); this.resizeTo(200, 200); moveToRight(); } window.onbeforeunload = function() { alert("Obrigado pela visita!"); } </script> </head> <body> Bem vindo ao Site!!! </body> </html>
Palheta de cores utilizando Json e javascript não obstrutivo
Manda Mensagem Icq ao clicar no link
Aprenda a Gerenciar Permissões de Arquivos no Linux
Como transformar um áudio em vídeo com efeito de forma de onda (wave form)
Como aprovar Pull Requests em seu repositório Github via linha de comando
Visualizar arquivos em formato markdown (ex.: README.md) pelo terminal
Dando - teoricamente - um gás no Gnome-Shell do Arch Linux
Como instalar o Google Cloud CLI no Ubuntu/Debian
Mantenha seu Sistema Leve e Rápido com a Limpeza do APT!
Procurando vídeos de YouTube pelo terminal e assistindo via mpv (2025)
Iinstalar o Scanner Kodak i940 no Linux Mint 19/20? (3)
Pastas da raiz foram para a área de trabalho (4)
usb's param de funcionar do nada (6)
Como criar condições de monitoria de 2 IPs no Zabbix (0)
Alguém já usou o framework Avalonia para desenvolver interfaces de usu... (2)