| Sección
"Java Scripts" |
|
Lección
15 |
Títulos
rotativos y dimensionables (meter el Script
dentro de una tabla y cambiar el color de las
letras).
Este es el efecto que se
presenta en la lección 15, solo que en esta
oportunidad mostraremos como colocarlo
dentro de una tabla y hacer que aparezca a la
izquierda de la pantalla, a la derecha o en el
centro, además mostramos como cambiar el color
del texto.
Para lograr este efecto, debes
proceder de esta manera:
Pon la página en HTML, y
copia el código que escribo en la casilla de
abajo, tal cual como está en el sitio que
desees debajo de la palabra <BODY>, que
encontrarás en la parte superior de tu página,
debajo de los títulos.
<div
align="center">
<center>
<table border="0"
cellpadding="0"
cellspacing="0"
style="color: #FF9900">
<tr>
<td>
<SCRIPT
LANGUAGE="JavaScript"><!--
Original: Charles Foster
(wcms_sf@msn.com) -->
<!-- Web Site:
http://kylo.ml.org/flash -->
<!-- This script and many
more are available free online
at -->
<!-- The JavaScript Source!!
http://javascript.internet.com
-->
<!-- Begin
var speed = 100;
var cycledelay = 2000;
var maxsize = 28;
var x = 0;
var y = 0;
var themessage, size;
var esize =
"</font>";
function initArray() {
this.length =
initArray.arguments.length;
for (var i = 0; i <
this.length; i++) {
this[i] =
initArray.arguments[i];
}
}
var themessage2 = new initArray(
"Este es un efecto muy
interesante !",
"Puedes aplicarlo a tu
sitio !",
"Puedes escribir lo que
desees ",
"No te demores y
utilizalo!!"
);
if(navigator.appName ==
"Netscape")
document.write('<layer
id="wds"></layer><br>');
if
(navigator.appVersion.indexOf("MSIE")
!= -1)
document.write('<span
id="wds"></span><br>');
function upwords(){
themessage = themessage2[y];
if (x < maxsize) {
x++;
setTimeout("upwords()",speed);
}
else
setTimeout("downwords()",cycledelay);
if(navigator.appName ==
"Netscape") {
size = "<font
point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if
(navigator.appVersion.indexOf("MSIE")
!= -1){
wds.innerHTML =
"<center>"+themessage+"</center>";
wds.style.fontSize=x+'px'
}
}
function downwords(){
if (x > 1) {
x--;
setTimeout("downwords()",speed);
}
else {
setTimeout("upwords()",cycledelay);
y++;
if (y > themessage2.length -
1) y = 0;
}
if(navigator.appName ==
"Netscape") {
size = "<font
point-size='"+x+"pt'>";
document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);
document.wds.document.close();
}
if
(navigator.appVersion.indexOf("MSIE")
!= -1){
wds.innerHTML =
"<center>"+themessage+"</center>";
wds.style.fontSize=x+'px';
}
}
setTimeout("upwords()",speed);
// End -->
</script>
</td>
</tr>
</table>
</center>
</div> |
|
En azul he pintado la orden para
que el texto aparezca en el centro de la
pantalla. Si deseas que aparezca a la derecha o
izquierda, reemplaza lo que pinté en azul por
"raight" o "left", que
significa derecha o izquierda en el lenguaje que
la computadora comprende, o sea, en inglés.
En rojo he pintado el código
que debes cambiar para variar el color de las
leyendas que aparecen en la pantalla. si no
sabes los códigos de los colores para
cambiarlos, aquí los tienes: Tabla
de colores
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 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.
|
