[HTML][BASICO] Texto animado

ANTRAX · Febrero 24, 2010, 11:18:42 AM

Holas..

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

Código: JavaScript

<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>

masit0x · Mayo 21, 2013, 12:16:53 PM

MUCHAS GRACIAS ME RE SIRVIO !

[HTML][BASICO] Texto animado

ANTRAX

Febrero 24, 2010, 11:18:42 AM Ultima modificación: Mayo 10, 2014, 02:10:04 PM por Destructor.cs

masit0x

Mayo 21, 2013, 12:16:53 PM #1