| Sección
"Java Scripts" |
|
Lección
89 |
Efecto
mensajes móviles de los enlaces en la barra de estado.
Este
es un efecto muy hermoso al cual puedes instalar
fácilmente en tu sitio, para ver como funciona,
solo mira lo que sucede en la parte inferior de la
pantalla en la barra de abajo cada vez que pasas
el ratón por los enlaces azules de aquí arriba.
Para
lograr este efecto pegas este Script en cualquier sector de tu sitio, pero
siempre debajo de donde dice
<Head> en el HTML de tu página:
<script>
/*
Status Bar Decrypter v1.0 by Anarchos [http://i.am/Anarchos]
Featured on Website Abstraction (http://wsabstract.com)
For this and over 400+ free scripts, visit http://wsabstract.com
*/
var data="0123456789";
//set to 1 if not decrypting, set to 0 if decrypting
var done=1;
function statusIn(text){
decrypt(text,2,1);
}
function statusOut(){
self.status='';
done=1;
}
//-------------------------\\
//decrypt(string, int, int)\\
//-------------------------\\
//
//text(string): the text to be decrypted on
//the status bar.
//
//max(int): the number of times a random string
//is displayed before the next character is
//'decrypted'.
//
//delay(int): the number of milliseconds between
//each display of a random string
//
//Example:
//decrypt('Enter my site.',10,10);
//
//text = 'Enter my site.' :: 'Enter my site.' is
//eventually decrypted
//
//max = 10 :: a different random string is dis-
//played 10 times before a new character is
//decrypted
function decrypt(text, max, delay){
if (done){
done = 0;
decrypt_helper(text, max, delay, 0, max);
}
}
function decrypt_helper(text, runs_left, delay, charvar, max){
if (!done){
runs_left = runs_left - 1;
var status = text.substring(0,charvar);
for(var current_char = charvar; current_char < text.length; current_char++){
status += data.charAt(Math.round(Math.random()*data.length));
}
window.status = status;
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0){
setTimeout(rerun, delay);
}
else{
if (charvar < text.length){
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}
else
{
done = 1;
}
}
}
}
</script>
|
Esto
debes pegar en cualquier sector de tu sitio, pero
siempre debajo de donde dice
<Body> en el HTML de tu página. Y repites
este código la cantidad de veces que desees, ya
que cada vez que lo hagas, habilitas un nuevo
enlace, y si lo escribes, un nuevo mensaje en la
barra de estado cada vez que pasen el ratón por
ese enlace:
| <a href="index.htm"
onmouseover="statusIn('Visita
nuestro sitio!!!!');return
true"
onmouseout="statusOut();">Los
Webgasoleros</a>
|
Lo
que pinté con rojo corresponde a los mensajes que salen en la
pantalla realizando el efecto, lo cambias a gusto.
Lo
que pinté con azul corresponde al título del
enlace que sale en la
pantalla, lo cambias a gusto.
Lo
que pinté con verde corresponde a la dirección
del enlace, a la que conduce si hacen click en él,
la cambias a gusto.
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 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.
|
