Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje15-10-2011, 17:01 (UTC)    
Título del mensaje: [JavaScript] Texto animado.

Con este código puedes crear un bonito efecto animado ideal para banners muy atractivos.

Fuente del codigo: http://www.uterra.com/internet/codigos_javascript.htm

Vista previa: http://www.uterra.com/crea_tu_web/demostraciones/efectos_texto/texto_animado_banner.htm

Código:
<html>

<head>
<title>Texto animado</title>
<style>
.let{
color:white;
font-family:Verdana;
font-weight:bold;
width:500;
filter:Shadow (Color="#FFFF00", Direction="135")wave(Add="0", Phase="4", Freq="9", LightStrength="20", Strength="1") ;
}

</style>

<script language="JavaScript">

// Cambia o personaliza como más te guste las siguientes opciones.

var regel = 0;         // fila en donde comienza
var size = 24;         // tamaño de la fuente
var delay = 1200;       // retardo entre los mensajes en MiliSegs.
var speed = 25;         // velocidad de transicion del texto
var step = 10;         // tamaño de cada paso


var sent = new Array()
{
sent[0] = "http://www.uterra.com";
sent[1] = "Códigos JavaScript";
sent[2] = "Promoción Web";
sent[3] = "Promoción con BANNERS";
sent[4] = "¿te gusta lo que ves?";
sent[5] = "¿a que esperas? visitanosss";
}

sent[sent.length] = sent[0];var veran = 0;var num = 0;var x = 0;//Don't change
function moto(){output = "";for(letter = 0;letter<sent[regel+1].length;letter++){
if(veran == letter){if(x==0){num=num+step;}else{num=num-step;}gr = size-num;
if(gr < 1){x=1;gr=1;}if(gr>size)gr=size;
output += "<font style='font-size:"+gr +"pt'>"+sent[regel+x].substring(letter, letter+1)+"</font>";
if(num < 0 && x==1){veran++;x=0;}}else{if(veran > letter){
output += "<font style='font-size:"+size +"pt'>"+sent[regel+1].substring(letter, letter+1)+"</font>";
}else{output += "<font style='font-size:"+size +"pt'>"+sent[regel].substring(letter, letter+1)+"</font>";}}}
return output;}function startmot(){if(regel==sent.length-1)regel=0;balk.innerHTML = moto();
if(veran==sent[regel+1].length){regel++;veran = 0;setTimeout("startmot()", delay);}else{
setTimeout("startmot()", speed);}}
</script>
</head>

<body onload="startmot()">

<table style='cursor:hand' onclick=location="http://www.uterra.com" align="center" id="tafel" bgcolor="#000000" width=525 height="60">
<tr>
<td bgcolor="#000000" bordercolor="#666666">
<div class='let' ID="balk" align="center"></div>
</td>
</tr>
</table>
</body>

</html>


Ultima edición por nuestrasxarlas el Sab Oct 15, 2011 2:05 pm; editado 2 veces
Mensaje15-10-2011, 17:04 (UTC)    
Título del mensaje: Re: Java Script Texto animado.

Muy bueno el codigo excelente!!

saludos!
______________
Visitar sitio web


Mensaje15-10-2011, 17:14 (UTC)    
Título del mensaje:

gracias por comentar amigo web7
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje15-10-2011, 17:53 (UTC)    
Título del mensaje:

Estimado,

Cumpla con los requisitos de la seccion:
Cita:
[+] Todo código compartido debe de adjuntar el vínculo directo a la fuente, por ejemplo si compartes un código del elwebmaster.com, debes de colocar la dirección completa al mismo y no la página central "elwebmaster.com".
[+] Todo diseño adaptado debe mantener intacto el espacio original donde se indica el autor o propietario del mismo.
[+] Todo tema cuyo código aportado requiera la carga de un archivo de scripts u hoja de estilo debe incluir un apartado donde se encuentre el contenido en código de esos archivos. De esta manera si los archivos externos expiran el diseño no quedará inutilizable (Obligatorio).
[+] Abstenerse a crear encuesta en los aportes, estas serán eliminadas pues no tienen ningún fin.

Por lo cual, coloque la fuente original de donde fue sacado el aporte.
Por ejemplo:
http://www.paginawebgratis.es/ => Incorrecto
http://www.paginawebgratis.es/es/Premium/ => Correcto

Dispone 24 Horas para hacer los cambios o su post sera cerrado.

Para mas información mire el siguiente tema:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66177

Saludos!
Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje15-10-2011, 17:58 (UTC)    
Título del mensaje:

Buen Efecto. Me Gusto Mucho

Saludos!
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
Mensaje15-10-2011, 19:54 (UTC)    
Título del mensaje:

gracias por comentar amigo supermarioworldsnes
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje15-10-2011, 23:36 (UTC)    
Título del mensaje:

Lo conocía ya de antes XD muy bueno
______________
- ★ρяσує¢тσѕ ƒιℓιѕкσ ★-
Mensaje16-10-2011, 12:40 (UTC)    
Título del mensaje:

proyectos-filisko escribió:
Lo conocía ya de antes XD muy bueno


gracias por comentar pero no todos los usuarios lo conocen,saludos men
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje18-10-2011, 19:20 (UTC)    
Título del mensaje:

Buen aporte
______________
Votame
Click aqui
Mensaje18-10-2011, 19:44 (UTC)    
Título del mensaje:

revolutionteam-css escribió:
Buen aporte


gracias amigo por comentar
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje30-10-2011, 22:17 (UTC)    
Título del mensaje: exelente

ewl efecto se ve muy bien
______________
WebTwo de RadioVijaer.
Mensaje30-10-2011, 22:22 (UTC)    
Título del mensaje:

gracias por comentar davixm
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje31-10-2011, 10:18 (UTC)    
Título del mensaje:

Buen efecto , me gusto y capas que lo use
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group