| Sección
"Java Scripts" |
|
Lección
74 |
Zoom
de mensajes multicolor
Este
es un efecto muy hermoso al cual puedes instalar
fácilmente en tu sitio.
Para
lograr este efecto pegas donde dice
<Body> en el HTML de tu página (o sea, que
este código reemplazará a la etiqueta
<Body> que había en tu sitio. Es decir,
borras
<Body> y pegas en ese sitio este código):
<body onLoad="start()" onUnload="stop()">
<Div id="text" style="position: absolute; left: 4; top: 80">
</Div>
<Layer name="text" left=4 top=80>
</Layer>
<Script Language="Javascript">
<!-- Hiding
/* Script by Lefteris Haritou
Copyright ©1998
http://www.geocities.com/~lef
This Script is free as long
as you keep the above credit !
*/
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (bname=="Netscape"){
brows=true
del=30
}
else{
brows=false
del=80
}
var msg=0;
var z=0;
var timer1;
var message= new Array();
var color= new Array();
var values= new Array('-6','-5','-4','-3','-2','-1','+1','+2','+3','+4','+5','+6')
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines below)
message[0]='Hola'
color[0]='#FF0000'
message[1]='Bienvenidos
amigos'
color[1]='#0000FF'
message[2]='Estamos
muy felices de recibirlos'
color[2]='#FFFF00'
message[3]='Esperamos
que disfruten de vuestra estadia con
nosotros'
color[3]='#FFFFFF'
message[4]='Buena
suerte'
color[4]='#00FF00'
// Put here your own messages. Add as many as you wan't (Do not edit anything else in the Script except the lines above)
function start(){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if(z<values.length){
if (brows){
document.layers['text'].document.writeln('<P Class="main" Align="Center"><font color="'+color[msg]+'" size="'+values[z]+'" face="Arial"><NOBR>'+message[msg]+'</NOBR></font></P>')
document.layers['text'].document.close();
}
else{
text.innerHTML='<Pre><P Class="main" Align="Center"><font color="'+color[msg]+'" size="'+values[z]+'" face="Arial"><NOBR>'+message[msg]+'</NOBR></font></P></Pre>'
}
z++;
timer1=window.setTimeout('start()',del)
}
else
chg();
}
}
function stop(){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))
window.clearTimeout(timer1);
window.clearTimeout(timer2);
}
function chg(){
if (brows){
document.layers['text'].document.writeln('')
document.layers['text'].document.close();
}
else
text.innerHTML='';
if(msg<message.length-1){
msg++;
}
else
msg=0;
z=0;
timer2=window.setTimeout('start()',1000)
}
}
// done hiding -->
</Script>
|
|
Lo
que pinté con rojo son los mensajes que salen en la
pantalla realizando el efecto, los cambias a gusto.
Lo
que pinté con verde corresponde al color del
texto de cada mensaje, lo cambias a gusto
reemplazándolo por el color que te agrade de
acuerdo a esta tabla: "Click
aqui para ver 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 debajo de 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 AAScripter v2, el cual puedes bajar de aquí:
http://www.cyberiapc.com
Buena
suerte.
|
