Tutorial Java Script

loverybryan · 09-may-2006, 18:21

CODIGOS HTML Y JAVA

No permite utilizar el botÃ³n derecho y no aparece nada (ni alert, etc)

<script language="Javascript">

</script>

No permite seleccionar el contenido de una pÃ¡gina

<script language="Javascript">

</script>

Por si hay algÃºn error en la pÃ¡gina

<SCRIPT language=JavaScript>
function blockError(){return true;}
window.onerror = blockError;
</SCRIPT>

Para esconder la URL en el navegador (Utilizar un frame del 100%). De esta manera siempre se mostrarÃ¡ the-danie.com y no cyberbryan.tk/algo.htm

<HEAD>
<TITLE>PÃ¡gina Incial - www.cyberbryan.tk</TITLE>
</HEAD>
<FRAMESET rows="100%" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0>
<FRAME NAME="top" SRC="http://www.the-danie.com/" NORESIZE></FRAMESET>

CÃ³digo JavaScript para que aparezca un alert al utilizar el botÃ³n derecho

<script language="JavaScript">

</script>

No permite el botÃ³n derecho y ademÃ¡s te penaliza con 10 clicks

<script language="Javascript">
zaehler=0;
function right(e) {
if (navigator.appName == 'Netscape'){
if (e.which == 3 || e.which == 2){
alert("Aqui no puedes utilizar el botÃ³n derecho del mouse");
for(i=0;i!=zaehler;i++)alert("Ya te avisÃ©, te penalizarÃ© con \n "+(zaehler-i)+"\n clicks.");
zaehler+=10;
alert("Â¡La proxima vez que lo hagas serÃ¡ peor! www.cyberbryan.tk");
return false;}}
if (navigator.appName == 'Microsoft Internet Explorer'){
if (event.button == 2 || event.button == 3){
alert("Aqui no puedes utilizar el botÃ³n derecho del mouse");
for(i=0;i!=zaehler;i++)alert("Ya te avisÃ©, te penalizarÃ© con \n "+(zaehler-i)+"\n clicks.");
zaehler+=10;
alert("Â¡La proxima vez que lo hagas serÃ¡ peor! www.cyberbryan.tk");
return false;}}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
// --></script>

Se abre una ventana al utilizar el botÃ³n derecho
<SCRIPT language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)) {
a=window.open("http://www.cyberbryan.tk/","WindowName","width=640,height=600,top=40,left=5 0,resizable=yes,scrollbars=yes,menubar=no,toolbar= no,status=no,location=no");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) {
a=window.open("http://www.cyberbryan.tk/","WindowName","width=640,height=600,top=40,left=5 0,resizable=yes,scrollbars=yes,menubar=no,toolbar= no,status=no,location=no");
return false;
}
return true;
}
document.onmousedown=right;
window.onmousedown=right;
</SCRIPT>

Para pÃ¡ginas con frames, no permite ver sÃ³lo un frame sino los dos frames o mÃ¡s juntos. (Colocar el cÃ³digo en cada frame)

<script LANGUAGE="JavaScript">

</script>

Para webs sin frames, mantiene tu pÃ¡gina en primer plano, y no puede estar en frames de otro "listillo"

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

VariaciÃ³n del anterior

<SCRIPT LANGUAGE="Javascript">

</SCRIPT>

--------------------------------------------------------------------------------

PersonalizaciÃ³n de la Web

Para hacer la PÃ¡gina de Inicio

<a href="#" onClick="this.style.behavior='url(#default#homepag e)';this.setHomePage('http://www.the-danie.com');return false">PÃ¡gina de inicio</a>

AÃ±adir a Favoritos

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Para que al aÃ±adir a "Favoritos" te coja un icono (se tiene que colocar en el head) y aedmÃ¡s tienes que subir un .ico a tu hosting.

<LINK REL="SHORTCUT ICON" HREF="http://www.tuservidor.com/iconos/nombreicono.ico">

Cambiar las barras de scroll (colocar siempre en el style) (puedes hacer infinitas variaciones cambiando color, tamaÃ±o, etc)

<style>

</style>

Otro ejemplo:

<STYLE type=text/css>BODY {
SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #444444; SCROLLBAR-SHADOW-COLOR: #111111; SCROLLBAR-3DLIGHT-COLOR: #333333; SCROLLBAR-ARROW-COLOR: #ffffce; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: black
}
</STYLE>

--------------------------------------------------------------------------------

Escribir en el "Status" del Navegador y hacer mover el "Title"

Que se vaya moviendo las palabras del status

<SCRIPT languague="JavaScript">

</SCRIPT>

Te enseÃ±a la hora y el texto que quieras en la barra del status

<script language="JavaScript">

</script>

Varias frases o texto desplanzadose por el status

<head>
<SCRIPT>



</SCRIPT>
</head>

Escribir en la barra de estado (status) al pasar el mouse por encima (onmouseover)

<a href="mailto:the_dani0ner@hotmail.com?subject=Come ntarios/Sugerencias" onMouseOver="window.status='[ contacta con el webmaster ]';return true"> el-brujo</a>

Escribir en "Title" y hacer que se maya moviendo cada X segundos.

<SCRIPT LANGUAGE="JavaScript">
var txt=" c y b e r b r y a n . t k - wwww.cyberbryan.tk -";
var espera=200;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</SCRIPT>

--------------------------------------------------------------------------------

Abrir Nuevas Ventanas (Facilidades NavegaciÃ³n)

Que se abra una ventana al entrar en la web (se puede definir tamaÃ±o, barras, etc, etc, etc)

<SCRIPT language=Javascript> open('legal.htm','AVISOLEGAL',"toolbar=0,location= 0,status=0,menubar=0,scrollbars=yes,resizable=yes, width=490,height=232");</SCRIPT>

Abrir una ventana al apretar un enlace (tambiÃ©n se puede definir tamaÃ±o, etc)

<script language="JavaScript">

</script>

Para llamar a la pÃ¡gina (caso anteriror)

javascript:winopen('http://www.cyberbryan.tk,'Cyberbryan)"

Imprimir la pÃ¡gina

<a href="javascript:window.print()">Imprimir</a>

Copiar al portapapeles

<script language="Javascript">

</script>
<a href="javascript:HighlightAll('form.fuente')">Copi ar al Portapapeles</a>

FunciÃ³n Confirmar (ok, cancel) si ok entras sino vuelve para atrÃ¡s

<script language="JavaScript">

</script>

--------------------------------------------------------------------------------

Mejoras DiseÃ±o

Punto de mira que ocupa toda la pantalla (color verde)

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div><div
id="topdown" style="height:expression(document.body.clientHeigh t-2)"></div>

<script language="JavaScript1.2">

</script>

Para que el cursor sea un punto de mira (en pequeÃ±ito)

<style type="text/css">

</style>

Te dice el dia, mes y aÃ±o del PC

<script language="JavaScript"></script>

Cerrar la ventana al cabo de X rato

<script language="javascript">setTimeout("self.close();",7 000)</script>

BotÃ³n Cerrar Ventana (tambiÃ©n windows.self.close())

<input type="button" onclick="javascript:window.close()" value="Cerrar Ventana" style="font-family: Verdana; font-size: 8 pt; color: #000080; background-color: #C0C0C0; border-style: solid">

BotÃ³n AtrÃ¡s, Actualizar y Adelante

<input type="button" value="AtrÃ¡s" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
<input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">

Cambiar el puntero por uno personalizado:


BODY { cursor:url(thedanie.cur); }


Cambiar el puntero


<a href="#" style="cursor:help">enlace</a>


--------------------------------------------------------------------------------

Meta Tags

Actualizar contenido cada X segundos o va hacia otra pagina en x segunddos (en el head)


<meta http-equiv="refresh" content="0">

<meta http-equiv="refresh" content="8;URL=http://www.the-danie.com">

El navegador o el proxy no guarde la pÃ¡gina web en cachÃ©

<META HTTP-EQUIV="pragma" content="no-cache">

<META HTTP-EQUIV="pragma" content="cache">

El navegador o el proxy no guarde la pÃ¡gina web en cachÃ© en lenguaje PHP
<?

header("Cache-Control: no-cache, must-revalidate");

?>

Otras Meta-Tags bÃ¡sicas

<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<meta http-equiv="Content-Language" content="es">
<META NAME="title" CONTENT="c y b e r b r y a n . t k">
<META Name="description" CONTENT="descripcion">
<META Name="keywords" CONTENT="palabras clave">
<meta http-equiv="Reply-to" content="the_dani0ner@hotmail.com">
<META HTTP-EQUIV="pragma" content="no-cache">
<META Name="revisit" CONTENT="15 days">
<META Name="robots" CONTENT="all">

--------------------------------------------------------------------------------

RotaciÃ³n Banners

RotaciÃ³n banners (permite poner tantos banners como quieras, permite definir texto, imagen origen, link de destino, alto y anchura de imagen)

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Banner aleatorio

<script language="JavaScript">

</script>

Para llamar al banner

<script language="JavaScript">

</script>

--------------------------------------------------------------------------------

Cookies

Mandar una cookie

<SCRIPT language=JavaScript>


Leer contenidos de la cookie

<SCRIPT language=JavaScript>

</SCRIPT>

Lista de opciones (ahora le llaman "NavegaciÃ³n RÃ¡pida)

<table height="74">
<tr>
<td class="c1" vAlign="top" width="19%" height="70">
<form>
<table align="center" cellPadding="0" class="t1" width="116" height="86">
<tbody>
<tr>
<td align="left" bgColor="#000000" height="15" width="129">
<p align="left"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font color="#FFFFFF">
<img border="0" src="images/flecha.gif" width="6" height="7"> </font><b><font color="#fdcf66">I
n d e x </font></b><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF" size="2"><img border="0" src="images/flecha.gif" width="6" height="7"></font>
</font><p><p><p></p>
</td>
</tr>
<tr>
<td height="61" width="129">
<div align="center">
<p align="left" style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">
<select name="llista" size="1" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8 pt">
<option selected value="error.htm"><Selecciona></option>
<option value="antivirus.htm">Antivirus</option>
<option value="Buscadores1.htm">Buscadores</option>
<option value="buscamp3.htm">Busca MP3</option>
<option value="covers1.htm">Covers</option>
<option value="criptografia.htm">CriptografÃ#a</option>
<option value="cracks.htm">Cracks</option>
<option value="chat2.html">Chat</option>
<option value="dibujosms.htm">Dibujos SMS</option>
<option value="divx.htm">DivX</option>
<option value="dni.htm">DNI</option>
<option value="emuladores.htm">Emuladores</option>
<option value="encuesta.htm">Encuesta</option>
<option value="formulario2.htm">Formulario</option>
<option value="http://cyberbryan.tk/foro.htm">Foro</option>
<option value="fotos.htm">Fotos</option>
<option value="grabadoras.htm">Grabadoras</option>
<option value="Inet1.htm">GuÃ#a Internet</option>
<option value="http://www.terra.es/personal3/fistror/hacking.htm">Hacking</option>
<option value="Info.html">Info Browser</option>
<option value="scripts1.htm">IRC Scripts</option>
<option value="irc2.htm">IRC Utils</option>
<option value="javascript.htm">JavaScript</option>
<option value="juegos.htm">Juegos</option>
<option value="guest.htm">Libro de Visitas</option>
<option value="links.htm">Links</option>
<option value="Linux.htm">Linux</option>
<option value="email.htm">Lista Correo</option>
<option value="lomejor.htm">Lo Mejor</option>
<option value="melodias.htm">MelodÃ#as</option>
<option value="noticias.htm">Noticias</option>
<option value="orgasmo.htm">Orgasmo</option>
<option value="/cgi-bin/birdcast.cgi">Recomendar</option>
<option value="solicitudweb.htm">Redireccionador</option>
<option value="reloj.htm">Reloj</option>
<option value="remailer.htm">Re-Mailer</option>
<option value="seguridad.htm">Seguridad</option>
<option value="tarifas.htm">Tarifas</option>
<option value="moviles2.htm">TelefonÃ#a</option>
<option value="Textos1.htm">Textos</option>
<option value="trivial.htm">Trivial</option>
<option value="trucosvisual.htm">Trucos VBasic</option>
<option value="trucoswin.htm">Trucos Win</option>
<option value="harddisk.htm">Tu HD</option>
<option value="votame.htm">Votame!</option>
<option value="webcam.htm">WebCams</option>
<option value="webmasters.htm">Webmasters</option>
<option value="windows.htm">Windows</option>
<option value="bsod.htm">Win vs Linux</option>
<option value="juego.html">3 en Raya</option>
</select>
</font>
</div>
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<div align="center">
<p align="left" style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0">
</div>
</font>
<div align="center">
<p align="left" style="word-spacing: 0; line-height: 100%; text-indent: 0; margin: 0">
<font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">
<input name="Submit" onclick="top.location.href=this.form.llista.option s[this.form.llista.selectedIndex].value" type="button" value=" - Vamos! - " style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8 pt">
</font>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</td>
</tr>
</table>

Enviar un e-mail con un "Subject" (Asunto), con Body (Cuerpo del Mensaje), asÃ# como CC (Copia Oculta)

mailto:loverybryan@cyberbryan.com?subject=Comentar ios/Sugerencias&body=aqui el cuerpo del mensaje

Al apretar un link, que haga varias cosas a elegir.

<a href="pagina.htm" OnClick="funcion_javascript(),otra_funcion()">Ejem plo</a>

--------------------------------------------------------------------------------

Validar Formularios

Validar formularios (comprueba que el campo e-mail incluya la arroba (@)

<form method="post" action="http://www.tudominio.com/cgi-bin/formail.cgi" onSubmit="return validar(this.email.value)">

<SCRIPT LANGUAGE="JavaScript">
function validar(direccion) {
if (direccion.indexOf("@") != -1)
return true;
else {
alert('Debes escribir una direcciÃ³n de e-mail vÃ¡lida');
return false;
}
}

</SCRIPT>

Validar Formularios Completo (mira longitud del campo, si incluye carÃ¡cteres prohibidos, la arroba, etc)


<form method="post" action="http://www.tudominio.com/cgi-bin/formail.cgi" onSubmit="return validar(this)">

<script Language="JavaScript"></script>

* Notas: El nombre del Formulario debe ser Formulario, y debes cambiar los campos NOMBRE, APELLIDO y EMAIL por los campos de tu formulario. AdemÃ¡s incluye la funciÃ³n "on focus" que te lleva al campo que este mal

Al apretar el botÃ³n derecho aparece un menu (poner en el head)

<STYLE>
 </style>

<script language="JavaScript1.2">
var menuskin=0
var display_url=0
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event. clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event. clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.cl ientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.cl ientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement. getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</script>

<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>

--------------------------------------------------------------------------------

Mejoras Webmaster

Hojas de Estilo (CSS) Guardar como un archivo *.css

A:link {text-decoration: none;}
A:visited {text-decoration:none;}
A:hover {text-decoration: underline; color="#FFFF00";}
A:active {TEXT-DECORATION: none}

BODY { scrollbar-base-color : #000000;
scrollbar-arrow-color : #FFFFFF; }
.nav {
color : #FFCC00;
font-size : 8pt;}

Hojas de Estilo (Para llamarlo y siempre dentro del Head)

<head>
<LINK REL=STYLESHEET TYPE="TEXT/CSS" HREF="cyberbryan.css">
</head>

Funciones JavaScript (Guardarlo en un archivo *.js)

function right(e) {
var msg = " [ www.cyberbryan.tk ] ";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
else
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg); // Delete this line to disable but not alert user
return false;
}
return true;
}
document.onmousedown = right;

Para llamar al JavaScript

<script language="JavaScript" src="ejemplo.js"></script>

Ãšltima modificaciÃ³n automÃ¡tica (escribe automaticamente la fecha cuando lo guardas)

<script language="VBScript">
document.write "Este documento fue actualizado por Ãºltima vez en: "
document.write document.lastmodified
</script>

Crear una ventana de Dialogo Web

<script>
function modelesswin(url,mwidth,mheight){
if (document.all&&window.print) //if ie5
eval('window.showModelessDialog(url,"","help:0;res izable:1;dialogWidth:'+mwidth+'px;dialogHeight:'+m height+'px")')
else
eval('window.open(url,"","width='+mwidth+'px,heigh t='+mheight+'px,resizable=o,scrollbars=1")')
}
modelesswin("http://www.cyberbryan.tk",500,300)
</script>

RedirecciÃ³n simple

<html>
<head>
<title>The-Danie.com</title>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=http://www.the-danie.com">
</head>
<body>
</body>
</html>

Deshabilitar botÃ³n derecho del Mouse y letras de teclado

<SCRIPT language=JavaScript>

</SCRIPT>
</P></BODY></HTML>

Ejemplo de subir archivo a un servidor

<html>
<head>

<script LANGUAGE="JavaScript">

extArray = new Array(".gif", ".jpg");
function LimitAttach(form, file) {
allowSubmit = false;
if (!file) return;
while (file.indexOf("\\") != -1)
file = file.slice(file.indexOf("\\") + 1);
ext = file.slice(file.indexOf(".")).toLowerCase();
for (var i = 0; i < extArray.length; i++) {
if (extArray[i] == ext) { allowSubmit = true; break; }
}
if (allowSubmit) form.submit();
else
alert("Se permiten Ãºnicamente archivos con la extenciÃ³n: "
+ (extArray.join(" ")) + "\nPor favor, seleccione otro archivo "
+ "e intente de nuevo.");
}

</script>
</head>

<body>

<form method="post" name="upform" action="cgi-bin/tu-script.cgi"
enctype="multipart/form-data">
<p><input type="file" name="uploadfile"> <input type="button" name="Submit" value="Enviar"
onclick="LimitAttach(this.form, this.form.uploadfile.value)"> </p>
</form>
</body>
</html>

ContraseÃ±a sin campo de texto.

<SCRIPT language=JavaScript>
var SpecialWord = "cyberbryan.tk
SpecialUrl = "http://www.cyberbryan.tk",
SpecialLetter = 0;
function getKey(keyStroke) {
var isNetscape=(document.layers);
var eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
var which = String.fromCharCode(eventChooser).toLowerCase();
if (which == SpecialWord.charAt(SpecialLetter)) {
SpecialLetter++;
if (SpecialLetter == SpecialWord.length) window.location = SpecialUrl;
}
else SpecialLetter = 0;
}
document.onkeypress = getKey;

</SCRIPT>

Abrir una ventana con un tamaÃ±o determinado

<SCRIPT language="JavaScript">
self.resizeTo(800,500);
</SCRIPT>

Efecto de redirecciÃ²n

<head>
<script language="JavaScript">

</script>

</head>
<body>
<a href="http://www.cyberbryan.tk" onClick="expand();">Ver...</a>

Abrir pagina en la barra de bÃºsqueda

<a href="http://www.cyberbryan.tk" target="_search">Abrir en la barra de busqueda.</a>

Abrir ventana en la barra de multimedia

<a href="http://www.cyberbryan.tk" target="_media">Abrir en la barra multimedia de ie6</a>

Abrir ventana pop up que se minimice al iniciarse

<SCRIPT language="JavaScript">

</SCRIPT>

--------------------------------------------------------------------------------

Comprobaciones

Algunas versiones de Netscape Navigator pueden provocar fallos si se recarga la pÃ¡gina o se cambia de tamaÃ±o

<script language="JavaScript">

</script>

Mirar si el navegador del visitante tiene flash (si tiene haces una cosa, sino otra)

<script language="JavaScript">

</script>



--------------------------------------------------------------------------------

Efectos

Texto que va cambiando de color

<script language="JavaScript">

</script>

Un texto va siguiendo el puntero del ratÃ³n

<head>
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:9pt;
font-family:Tahoma;
font-weight:bold;
color:blue;
}
</style>
<script>

var x,y
var step=20
var flag=0

// Tienes que dejar un espacio al final de tu mensaje!!!!!
var message="Tu mensaje va aqui... "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}

</script>
</head>

Terremoto (que la pantalla tiemble y se mueva)


<INPUT onclick=shake(40) type=button value=""Terremoto"">
<SCRIPT language=JavaScript1.2>

</SCRIPT>

Cualquier imagen va moviendose por la pantalla

<script language="JavaScript">

</script>

<div id="001001001001001001" style="position: absolute; left: 100; top: 242; width: 116; height: 58; z-index: 1">
<script>

if (test)
{
document.write('<a href="noticias.htm" target="_blank"><img src="noticias.gif" border="0"></a>');
}
</script>

Efecto Nieve (van cayendo copos de nieve)

<script>




var no = 5; // snow number
var speed = 15; // smaller number moves the snow faster
var snowflake = "dot.gif";

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 400, doc_height = 500;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = 500;
doc_height = 500;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}

function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
</script>