| Sección
"Java Scripts" |
|
Lección
19 |
Efecto
de texto multicolor.
Para lograr este efecto, pones la página en HTML,
(Si usas el
programa Front Page accionando la opción que se encuentra al pie de la página, sobre la
izquierda), y copias el código que te escribo en la casilla de
abajo, tal cual como está debajo de la palabra <HEAD>,
que encontrarás en la parte superior de tu página.
<script language="JavaScript">
<!--
function createHexArray(n)
{
this.length=n;
for (var i=1; i<=n; i++)
this[i]=i-1;
this[11]="A";
this[12]="B";
this[13]="C";
this[14]="D";
this[15]="E";
this[16]="F";
return this;
}
hx = new createHexArray(16);
function convertToHex(x)
{
var high=x/16;
var s=high+"";
s=s.substring(0,2);
high=parseInt(s,10);
var left=hx[high+1];
var low=x-high*16;
s=low+"";
s=s.substring(0,2);
low=parseInt(s,10);
var right=hx[low+1];
var string=left+""+right;
return string;
}
function makeRainbow(text)
{
text=text.substring(3,text.length-4);
color_d1=255;
mul=color_d1/text.length;
for(i=0;i < text.length;i++)
{
color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))"
color_h1=convertToHex(color_d1);
color_d2=mul*i;
color_h2=convertToHex(color_d2);
document.write("<FONT COLOR=\"#FF"+color_h1+color_h2+"\">"+text.substring(i,i+1)+"</FONT>");
}
}
//-->
</SCRIPT>
|
Ahora pega este
trozo de HTML en donde desees, pero siempre debajo de donde aparece por primera vez
la palabra <Body>
<table border="1" cellpadding="10" cellspacing="1" bgcolor="#000080" bordercolorlight="#CBCBE4" bordercolordark="#8080C0" width="450">
<tr>
<td>
<p align="center"><a><font face="MS Sans Serif">
<font face="verdana, helvetica, arial" size="2"></b>
<SCRIPT><!--
{makeRainbow("<< Aqui puedes escribir tu mensaje y pones todo lo que quieras y te sale de colores!!. Es muy recomendable que lo apliques a tu sitio, puede ser muy beneficioso para atraer la atención de los visitantes. Suerte y que te sea de mucha utilidad y provecho. >>");} //-->
</SCRIPT>
</a></font>
</td>
</tr>
</table>
</div>
|
He puesto el Script que ejecuta el
efecto dentro de una tabla, como podrás apreciar,
para que se vea igual al ejemplo de arriba, pero
si lo deseas sin la tabla, este es el Script para
pegar debajo de Body:
<SCRIPT><!--
{makeRainbow("<< Aqui puedes escribir tu mensaje y pones todo lo que quieras y te sale de colores!!. Es muy recomendable que lo apliques a tu sitio, puede ser muy beneficioso para atraer la atención de los visitantes. Suerte y que te sea de mucha utilidad y provecho. >>");} //-->
</SCRIPT> |
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar debajo de donde dice <Head>
en el HTML de tu página:
Esto
es lo que debes pegar donde dice <Body>
en el HTML de tu página:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Recordemos
que este Script también puede ser hallado en el
programa Depósito, el cual puedes bajar de aquí:
webtutorial.com.ar
Buena
suerte.
|
