Hacker

Codigos JavaScript

Para poder usar o ver el efecto de los siguientes codigos prinmero seleccionalos con el raton y pulsa boton derecho para copiar y seguidamente abre tu editor HTML (Notepad) y lo pegas. Despues lo guardas como archivos *.htm y ejecutalos

Saludo al entrar a la página:

Hola y adiós

Alerta al presionar el botón izquierdo

Animar barra de estado

Botones animados

Animar barra de título

Poner color a las barras de desplazamiento

Cambiar el color de fondo cuando se carga la página

Proteger una página con contraseña

Penalizar con un número de clicks al presionar 2 veces el botón derecho

Cambia el color de fondo al pasar el mouse por encima:

<a HREF onMouseOver="document.bgColor='blue'">Azul</a> <a HREF onMouseOver="document.bgColor='light blue'">Azul_Claro</a> <a HREF onMouseOver="document.bgColor='olive'">Verde_Oliva</a> <a HREF onMouseOver="document.bgColor='gray'">Gris</a> <a HREF onMouseOver="document.bgColor='purple'">Purpura</a> <a HREF onMouseOver="document.bgColor='pink'">Rosa</a> <a HREF onMouseOver="document.bgColor='yellow'">Amarillo</a> <a HREF onMouseOver="document.bgColor='brown'">Castaqo</a> <a HREF onMouseOver="document.bgColor='aqua'">Agua</a> <a HREF onMouseOver="document.bgColor='navy'">Azul_Marino</a> <a HREF onMouseOver="document.bgColor='green'">Verde</a> <a HREF onMouseOver="document.bgColor='silver'">Plata</a> <a HREF onMouseOver="document.bgColor='violet'">Violeta</a> <a HREF onMouseOver="document.bgColor='salmon'">Salmon</a> <a HREF onMouseOver="document.bgColor='orange'">Anaranjado</a> <a HREF onMouseOver="document.bgColor='maroon'">Marron</a> <a HREF onMouseOver="document.bgColor='teal'">Teal</a> <a HREF onMouseOver="document.bgColor='turquoise'">Turquesa</a> <a HREF onMouseOver="document.bgColor='lime'">Verde_Lima</a> <a HREF onMouseOver="document.bgColor='red'">Rojo</a> <a HREF onMouseOver="document.bgColor='fuchsia'">Fucsia</a> <a HREF onMouseOver="document.bgColor='white'">Blanco</a> <a HREF onMouseOver="document.bgColor='black'">Negro</a></Pre>

Toma el tiempo que llevas en la página (Cronómetro)

<head> <script language="JavaScript">  </SCRIPT> <body> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="cronometro()"> <center></center> <body> <form name="cronometro"> <b>Llevas aquí....: </b><input type=text value="" name="gratisss" size=8> </form> <head>

imagen de cursor con estela

<body> <script language="JavaScript1.2">  </script> </body>

Fecha en la barra de estado

Frase tipo serpiente sigue ratón

Fecha

Abre una ventana en forma de persiana

Imagen sigue ratón

<HEAD> <script language="JavaScript">  </script> <script language="JavaScript">  </script> <script language='JavaScript'>  </script> <BODY> <div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height: 32px"><img src="LAIMAGENQUEKIERES.gif" border=0></div> <body> <body onLoad="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(10,10,'yy_ml','yy_mt','document.layers[\'Orbita\']',50000,false,0,0,10)">

Imagen se pasea por la toda la ventana

<td width="100%"><script language="JavaScript1.2"> var imagem="LAIMAGENKEKIERAS.gif" if (document.layers) {document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")} else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")} conta=-1; move=1; function curva(){ abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) for (i=0; i < abc.length; i++) {var C=Math.round(Math.random()*[i])} iniciar=abc[C]; setTimeout('curva()',1900); return iniciar; } ypos=10; xpos=10; movimento = 60; function moveR(){ caminho=movimento+=iniciar; y = 4*Math.sin(caminho*Math.PI/180); x = 6*Math.cos(caminho*Math.PI/180); if (document.layers){ ypos+=y; xpos+=x; document.animacao.top=ypos+window.pageYOffset; document.animacao.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.animacao.style.top=ypos+document.body.scrollTop; document.all.animacao.style.left=xpos+document.body.scrollLeft; } T=setTimeout('moveR()',50); } function edges(){ if (document.layers){ if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5); if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5); if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function efeito(){ curva(); moveR();// onUnload="opener.gO()" edges(); } if (document.all||document.layers) efeito() </script> <p> </td>

Frase firme sigue ratón

<html> <head> <title>Cursor 8</title> </head> <body> <script language="JavaScript1.2">  </script> </body> </html> </object></layer></div></span></style></noscript></table></script></applet> <script language="JavaScript" src="http://mx.geocities.com/js_source/ygIELib9.js?v3"></script><script language="JavaScript">var yviContents='http://mx.toto.geo.yahoo.com/toto?s=382036055&l=NE&b=1&t=1010975565';yviR='mx';yfiEA(0);</script><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://mx.geocities.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.com/visit.gif?1010975565" border=0 width=1 height=1></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=382036055&t=1010975565" ALT=1 WIDTH=1 HEIGHT=1>

Textos en la barra de estado como si fueran máquina de escribir

<script language="JavaScript"> var speed = 100 var pause = 3000 var timerID = null var bannerRunning = false var ar = new Array() ar[0] = ">>>> Espero me agregues a tus favoritos <<<<" ar[1] = " .... Mándame un mail con tus dudas ....." ar[2] = "..... Datos sobre tu página y muchas otras cosas, ....." ar[3] = "..... No olvides de visitar http://farfako.fus.nu/ ....." ar[4] = "..... Y envía tus escritos o dile a tus amigos, ....." ar[5] = "..... ke tan chida esta mi web ....." ar[6] = "..... Y si tienes un link bueno mándamelo ....." var currentMessage = 0 var offset = 0 function stopBanner() { if (bannerRunning) clearTimeout(timerID) bannerRunning = false } function startBanner() { stopBanner() showBanner() } function showBanner() { var text = ar[currentMessage] if (offset < text.length) { if (text.charAt(offset) == " ") offset++ var partialMessage = text.substring(0, offset + 1) window.status = partialMessage offset++ // IE sometimes has trouble with "++offset" timerID = setTimeout("showBanner()", speed) bannerRunning = true } else { offset = 0 currentMessage++ if (currentMessage == ar.length) currentMessage = 0 timerID = setTimeout("showBanner()", pause) bannerRunning = true } } startBanner(); // --> </script>

Marquesina que pone dos mensajes

Una marquesina sigue al mouse

<SCRIPT language="JavaScript1.2">  </SCRIPT>

Texto ke pasea por la ventana

<HEAD> <style type="text/css"> #supertext { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; } </style> <BODY> <script language="JavaScript1.2"> // Script Original: Lloyd Hassell's // Mensaje var thecontent='<h2><font color="#0000FF">AQUÍ TU TEXTO</font></h2>' // Tiempo de animación en milisegundos ('' = infinito) var hidetimer=7000; // Velocidad var BallSpeed = 10; var contentWidth; var contentHeight; var maxBallSpeed = 50; var xMax; var yMax; var xPos = 0; var yPos = 0; var xDir = 'right'; var yDir = 'down'; var superballRunning = true; var tempBallSpeed; var currentBallSrc; var newXDir; var newYDir; function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) } function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } } function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } } if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } } function hidetext(){ if (document.all) supertext.style.visibility="hidden" else if (document.layers) document.supertext.visibility="hide" clearTimeout(animatetext) } if (document.all||document.layers){ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') window.onload = initializeBall; window.onresize = new Function("window.location.reload()"); } </script>

Menú desplegable

<head> <script language="JavaScript">  </script> </head> <body bgcolor="ffffff"> <center> <font size=5 color=000080>Pull Down Menu</font> <br> <font size=+1 color=000080>When submit is pressed it will open up a new window</font> <CENTER> <FORM NAME="myForm"> <SELECT NAME="dest" SIZE=1> <OPTION SELECTED VALUE="">Pull Down Menu <OPTION VALUE="http://www.web-development.com/">Web-Development.Com <OPTION VALUE="http://www.web-development.com/kaigler/">Kaigler's Home Page <OPTION VALUE="http://www.web-development.com/kaigler/cfa/">Kaigler's College Football Picks <OPTION VALUE="http://www.web-development.com/site.htm">Site of the Week </SELECT> <P> <INPUT TYPE="BUTTON" VALUE="Submit" onClick="goTo(this.form)"> </FORM> </CENTER> </body>

Menú ke aparece al presionar el botón derecho del mouse

<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.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY 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> </head>

El cursor parece una mira

Nevando en la página

<head> <script language="javascript"> // Nevando en la pagina por Eloi Gallés Villaplana // // Este script y otros muchos pueden // descarse on-line de forma gratuita // en El Código: www.elcodigo.net //configuracion var numero = 8 ; //numero de copos var velocidad = 4 ; //velocidad a la que caen var imagennieve = "/images/bg_WhitePaper.gif"; //imagen para el copito de nieve //deteccion navegadores var ns4arriba = (document.layers) ? 1 : 0; var ie4arriba = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty; var i, doc_ancho = 1024, doc_alto = 768; function nieva() { if (ns4arriba) { doc_ancho = self.innerWidth; doc_alto = self.innerHeight; } else if (ie4arriba) { doc_ancho = document.body.clientWidth; doc_alto = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < numero; ++ i) { dx[i] = 0; xp[i] = Math.random()*(doc_ancho-50); yp[i] = Math.random()*doc_alto; am[i] = Math.random()*20; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ns4arriba) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(imagennieve + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(imagennieve + "\" border=\"0\"></layer>"); } } else if (ie4arriba) { 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(imagennieve + "\" 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(imagennieve + "\" border=\"0\"></div>"); } } } if (ns4arriba) { nieve_netscape(); } else if (ie4arriba) { nieve_explorer(); } } function nieve_netscape() { for (i = 0; i < numero; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_alto) { xp[i] = Math.random()*(doc_ancho-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_ancho = self.innerWidth; doc_alto = 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("nieve_netscape()", velocidad); } function nieve_explorer() { for (i = 0; i < numero; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_alto-10) { xp[i] = Math.random()*(doc_ancho-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_ancho = document.body.clientWidth; doc_alto = 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("nieve_explorer()", velocidad); } </script> </head> <body>  <script language="javascript">nieva()</script> </body>

Al apretar el botón derecho no sale nada

Reloj en javascript

Creo que el más popular (Haz que tu página tiemble)

El que se está poniendo de moda (ver unidad C)

Para webs sin frames, mantiene tu web en primer plano.

Texto y hora en el status.

Banner rotatorio (puedes agregar los banners ke kieras)

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>