Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Texto con Efectos

BLUR TEXT

Ejemplo del Javascript:

Texto con con efecto "blur".

Código fuente ( Haz Click en la ventana para Seleccionarlo Todo ):

Coloca este código dentro de las etiquetas [head] y [/head]

//How fast will it change color & blur
var speed=50
//Edit The message
var msg="Bienvenido a Javascript.com.mx"

//Don't Edit below this line

var cf1="0"
var cf2="0"
var cr="0"

function animate(){

var curr=new Array()
curr[1]="10"
curr[2]="15"
curr[3]="20"
curr[4]="25"
curr[5]="30"
curr[6]="35"
curr[7]="40"
curr[8]="45"
curr[9]="50"
curr[10]="55"
curr[11]="60"
curr[12]="65"
curr[13]="70"
curr[14]="75"
curr[15]="80"
curr[16]="85"
curr[17]="90"
curr[18]="95"
curr[19]="100"
curr[20]="100"
curr[21]="100"
curr[22]="100"
curr[23]="95"
curr[24]="90"
curr[25]="85"
curr[26]="80"
curr[27]="75"
curr[28]="70"
curr[29]="65"
curr[30]="60"
curr[31]="55"
curr[32]="50"
curr[33]="45"
curr[34]="40"
curr[35]="35"
curr[36]="30"
curr[37]="25"
curr[38]="20"
curr[39]="15"
curr[40]="10"

var f1=new Array()
f1[1]="0"
f1[2]="15"
f1[3]="35"
f1[4]="55"
f1[5]="95"
f1[6]="100"
f1[7]="130"
f1[8]="140"
f1[9]="190"
f1[10]="230"
f1[11]="240"
f1[12]="256"
f1[13]="240"
f1[14]="220"
f1[15]="190"
f1[16]="120"
f1[17]="90"
f1[18]="70"
f1[19]="30"
f1[20]="10"
f1[21]="0"

var f2=new Array()
f2[1]="0"
f2[2]="15"
f2[3]="35"
f2[4]="55"
f2[5]="75"
f2[6]="95"
f2[7]="120"
f2[8]="150"
f2[9]="180"
f2[10]="210"
f2[11]="240"
f2[12]="256"
f2[13]="240"
f2[14]="230"
f2[15]="200"
f2[16]="180"
f2[17]="150"
f2[18]="100"
f2[19]="70"
f2[20]="20"
f2[21]="0"

cr=(cr==40)?1:++cr
cf1=(cf1==21)?1:++cf1
cf2=(cf2==21)?1:++cf2

var code="<span style='filter:blur(Add=1,direction=90,strength=" + curr[cr] + ");width:100%;"
code+="'><h2>" + msg + "</h2></span>"

document.all.banner.style.color='rgb(' + f1[cf1] + ',10,' + f2[cf2] + ')'

document.all.banner.innerHTML=code

setTimeout("animate()",speed)

}
window.onload=animate
</script>

Coloca este código entre las etiquetas [body] y [/body]

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Texto con Efectos