Código de JavaScript - Letras Animadas y efectos color

Imágen de perfil
Val: 1.443
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Letras Animadas y efectos colorgráfica de visualizaciones


JavaScript

Actualizado el 6 de Diciembre del 2016 por Scriptshow (Publicado el 27 de Noviembre del 2016)
2.833 visualizaciones desde el 27 de Noviembre del 2016
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
2.834 visualizaciones desde el 27 de Noviembre del 2016
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
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s3777