Código de JavaScript - Letras Animadas y efectos color

Imágen de perfil

Letras Animadas y efectos colorgráfica de visualizaciones


JavaScript

Actualizado el 06 de Diciembre del 2016 por ScriptShow (Publicado el 27 de Noviembre del 2016)
1.715 visualizaciones desde el 27 de Noviembre del 2016. Una media de 28 por semana
Letras animadas con efectos varios: movimientos, color, slide, fade, etc. El resultado de combinaciones está muy logrado... Es configurable y adaptable.

Mejor ver los efectos.

Un saludo

Requerimientos

Un navegador o dispositivo compatible.

1.0

Actualizado el 16 de Diciembre del 2016 (Publicado el 27 de Noviembre del 2016)gráfica de visualizaciones de la versión: 1.0
1.716 visualizaciones desde el 27 de Noviembre del 2016. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>
<head>
<title>Text Colors efects</title>
</head>
<body bgcolor="#D0D0D0">
<div style="position:absolute;right:16px;bottom:16px;padding:16px;font-family:sans-serif;font-size:84px;background:#000000">
<script type="text/javascript">
<!--
farbbibliothek = new Array();
farbbibliothek[0] = new Array("#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100");
farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00");
farbbibliothek[2] = new Array("#00FF00","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00");
farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040");
farbbibliothek[4] = new Array("#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000");
farbbibliothek[5] = new Array("#000000","#000000","#000000","#FFFFFF","#FFFFFF","#FFFFFF");
farbbibliothek[6] = new Array("#0000FF","#FFFF00");
/*
    0 - Rot-Gelb-Übergang-Standard
    1 - Matrix-Effekt
    2 - Scanner
    3 - Regenbogendurchgang
    4 - Rot-Schwarz-Durchgang
    5 - Zebra
    6 - Gelb-Blau-Stroboskop
*/
farben = farbbibliothek[0];
function farbschrift()
{
    for(var i=0 ; i<Buchstabe.length; i++)
    {
    if(document.all)document.all["a"+i].style.color=farben[i];
    else
    if(document.getElementById)document.getElementById("a"+i).style.color=farben[i];
    }
    farbverlauf();
}
function string2array(text)
{
    Buchstabe = new Array();
    while(farben.length<text.length)
    {
    farben = farben.concat(farben);
    }
    k=0;
    while(k<=text.length)
    {
    Buchstabe[k] = text.charAt(k);
    k++;
    }
}
function divserzeugen()
{
    for(var i=0 ; i<Buchstabe.length; i++)
    {
    document.write("<span id='a"+i+"' class='a"+i+"'>"+Buchstabe[i] + "</span>");
    }
    farbschrift();
}
    var a=1;
function farbverlauf()
{
    for(var i=0 ; i<farben.length; i++)
    {
    farben[i-1]=farben[i];
    }
    farben[farben.length-1]=farben[-1];
 
    setTimeout("farbschrift()",30);
}
    var farbsatz=1;
function farbtauscher()
{
    farben = farbbibliothek[farbsatz];
    while(farben.length<text.length)
    {
    farben = farben.concat(farben);
    }
    farbsatz=Math.floor(Math.random()*(farbbibliothek.length-0.0001));
}
setInterval("farbtauscher()",8000);
//-->
</script>
 
<script type="text/javascript">
<!--
text = "L e t r a s - w e b";
string2array(text);
divserzeugen();
//-->
</script>
</div>
</body>
</html>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3777