HTML.Dyn@mico - Texto Encendido

Inicio | Ayuda | Chat | Libro de Visitas

HTML.Dyn@mico		Textos Animados ...

	Texto Encendido
		Anterior	Inicio
	Descripción: Este efecto les da un toque de animación a los textos, con diferentes encendidos, según los colores y las velocidades. Muy Completo. Nota: sólo funciona en IE. Demo: Bienvenido! Este es el texto Encendido... Texto con otro efecto Encendido Texto en llamas ------ HTML.Dynamico - Tu centro WEB Instrucciones* Paso 1: Inserte el siguiente código en la sección <HEAD> de su web: <script> <!-- //Texto Encendido Script - HTML.Dynamico 2001 //Mas Scripts y Recursos para tu web en: //http://www.htmldynamico.cjb.net var divs = new Array(); var da = document.all; var start; //CONFIGUER THESE VARS!!!!!! //speed of pulsing var speed = 50; function initVars(){ if (!document.all) return //Extend of shrink the below list all you want //put an "addDiv(1,"2",3,4); for each div you made, //1)'id' of div //2)color or glow(name or hex)(in quotes!!!) //3)minimum strength //4)maximum strength addDiv(hi,"lime",2,11); addDiv(welcome,"red",4,9); addDiv(message,"purple",2,4); addDiv(msg2,"orange",15,17); addDiv(msg3,"blue",1,3); //NO MORE EDITING!!!!!! startGlow(); } function addDiv(id,color,min,max) { var j = divs.length; divs[j] = new Array(5); divs[j][0] = id; divs[j][1] = color; divs[j][2] = min; divs[j][3] = max; divs[j][4] = true; } function startGlow() { if (!document.all) return 0; for(var i=0;i<divs.length;i++) { divs[i][0].style.filter = "Glow(Color=" + divs[i][1] + ", Strength=" + divs[i][2] + ")"; divs[i][0].style.width = "100%"; } start = setInterval('update()',speed); } function update() { for (var i=0;i<divs.length;i++) { if (divs[i][4]) { divs[i][0].filters.Glow.Strength++; if (divs[i][0].filters.Glow.Strength == divs[i][3]) divs[i][4] = false; } if (!divs[i][4]) { divs[i][0].filters.Glow.Strength--; if (divs[i][0].filters.Glow.Strength == divs[i][2]) divs[i][4] = true; } } } --> </script> Paso 2: Agregue el siguiente código dentro del <BODY> de su web, donde quiera ver este efecto: <div id="hi" style="color: lime"> <font color="#000000">Bienvenido!</font> </div> <br> <div id="welcome" style="color: lime"> Este es el texto Encendido... </div> <br> <div id="message" style="color: lime"> Texto con otro efecto Encendido </div> <br> <div id="msg2" style="color: lime"> <font color="#0000FF">Texto en llamas ------ </font> </div> <br> <div id="msg3" style="color: lime"> HTML.Dynamico - Tu centro WEB </div> Paso* 3: Finalmente, dentro del <BODY> tag mismo, agregue el siguiente event handler, de esta manera: <body onLoad="initVars()"> Configurando el script La configuración de este script tiene 2 partes. Primero, deberá especificar en el script del Paso 1 el texto qu tendrá el efecto, con un único ID para cada texto. Luego el código del Paso 2 que contiene los textos a mostrar deben llevar especificado sus respectivos IDs. Puedes cambiar la fuente/tamaño de letra, insertando dentro del <div> tag el respectivo código HTML. Listo!

Consultas

Envianos tus consultas o comentarios.

Recomendar

Puedes Recomendar esta web a tus amigos.



		HTML.Dyn@mico - © 2001-2003 - Todos los derechos reservados . www.htmldynamico.cjb.net