Javascript - Mensaje de bienvenida con efecto zoom
Códigos Javascript
Mostramos un mensaje de Bienvenida con efecto zoom, el cual va desde letra pequeña agrandandose.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
NOTA: En la demo no se ejecuta el codigo correctamente puesto que debe de estar insertado en una página en solitario, es decir sin otros códigos ni html.
CODIGO
# Codigo ofrecido por Tutores.org
- <body>
- <div align="center" id="bienvenidos">
- </div>
- <script>
- i=0;
- tamano=0;
- hauteur = (navigator.appName != "Microsoft Internet Explorer")? window.innerHeight : document.body.offsetHeight;
- marge = hauteur/3;
- document.getElementsByTagName('div')[0].style.marginTop = marge;
- textanim = new Array("Bienvenidos","a","Tutores.org","busca","tus codigos");
- function animation() {
- document.getElementsByTagName('div')[0].style.fontSize = ""+tamano+"px";
- document.getElementById('bienvenidos').innerHTML = textanim[i];
- if (tamano < 150) {
- tamano++;
- }
- else {
- i++;
- tamano=0;
- }
- if (i < textanim.length) {
- setTimeout('animation()',20)
- }
- }
- setTimeout('animation()',20);
- </script>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Mensaje de bienvenida con efecto zoom" href="http://www.tutores.org/codigo/1521/" target="_blank">Mensaje de bienvenida con efecto zoom</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Mensaje de bienvenida con efecto zoom" href="http://www.tutores.org/codigo/1521/" target="_blank">Mensaje de bienvenida con efecto zoom</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS