<html>
<script language="JavaScript1.2">
//configuracion
message="Muevete entre las olas con UTERRA.COM"
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("El mensaje es muy corto")
}
}
function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}
function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}
function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -10 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}}
</script>
<h2><div id="jumpx" style="color:red"></div>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>
<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>
</script>
Fuente del codigo:http://www.uterra.com/internet/script/efectos_texto_03.htm
Soporte PWG: 