Todo sobre PC

Java

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

Mensaje al pasar el mouse por encima del texto

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <A HREF="eventos.html" onMouseOver="Alarma()"> Pasa por aquí encima </A> </BODY> </HTML>

Proteger una página con contraseña

Para tener este recurso en tu sitio debes incluir un código en la página de "entrada" en donde el visitante ingresará la clave, y enviar a tu sitio el archivo de la página que será cargada: <Form name="frm"> <center> <Script Language="JavaScript">  </script> Ingresa tu clave: <input type="password" name="pswd" size="20"> </center> <center> <p> <input type="button" value="Entra" onClick="loadpage()" name="button"> </p> </center> </form>

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>

Imagen de cursor con estela

<body> <script language="JavaScript1.2">  </script> </body></textarea> <br> <br> <br> <div id="codej">Fecha en la barra de estado</div> <br> <br> <br> <textarea name="TextArea1" id="TextArea1" style="width:360px;height:58px;" rows="2" cols="34"><script language="javascript"> var hoy = new Date(); var anio = hoy.getYear(); var mName = hoy.getMonth() + 1; var dName = hoy.getDay() + 1; var diaNr = ((hoy.getDate()<10) ? "" : "") + hoy.getDate(); if(dName==1) Dia = "Domingo"; if(dName==2) Dia = "Lunes" ; if(dName==3) Dia = "Martes"; if(dName==4) Dia = "Miércoles"; if(dName==5) Dia = "Jueves"; if(dName==6) Dia = "Viernes"; if(dName==7) Dia = "Sábado"; if(mName==1) Mes = "Enero" ; if(mName==2) Mes = "Febrero"; if(mName==3) Mes = "Marzo" ; if(mName==4) Mes = "Abril" ; if(mName==5) Mes = "Mayo" ; if(mName==6) Mes = "Junio" ; if(mName==7) Mes = "Julio" ; if(mName==8) Mes = "Agosto"; if(mName==9) Mes = "Septiembre"; if(mName==10) Mes = "Octubre"; if(mName==11) Mes = "Noviembre"; if(mName==12) Mes = "Diciembre"; window.defaultStatus = "vete a la goma hoy ke estamos a " + Dia + " " + diaNr + " de " + Mes + " de " + anio </script></textarea> <br> <br> <br> <div id="codej">Fraze de tipo serpiente persigue a raton :</div> <br> <br> <br> <textarea name="TextArea1" id="TextArea1" style="width:360px;height:58px;" rows="2" cols="34"><style> .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:Blak;} </style> <script language=JavaScript> var x,y var tempo=10 var espera=0 var texto=" Coloca el texto aquí " texto=texto.split("") var xpos=new Array() for (i=0;i<=texto.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=texto.length-1;i++) { ypos[i]=-50 } function seguir(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY espera=1 } function animar_cursor() { if (espera==1 && document.all) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("span"+(i)+".style") camada.posLeft=xpos[i] camada.posTop=ypos[i] } } else if (espera==1 && document.layers) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("document.span"+i) camada.left=xpos[i] camada.top=ypos[i] } } var timer=setTimeout("animar_cursor()",30) } </script> <script Language=JavaScript> for (i=0;i<=texto.length-1;i++) { document.write("<span id='span"+i+"' class='animado'>") document.write(texto[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = seguir; animar_cursor() </script>

Fecha

Abre una ventana en forma de persiana

<body> <SCRIPT LANGUAGE="JavaScript"> function janelanimada(endereco) { var velocidadev = 20; var topo = 0; var esquerda = 0; var velocidadeh = 20; if (document.all) { var tamlar = window.screen.availHeight - topo; var tamjan = window.screen.availWidth - esquerda; var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes,menubar=yes,status=yes"); for (sizeheight = 1; sizeheight < tamlar; sizeheight += velocidadev) { tamanho.resizeTo("1",sizeheight );} for (sizewidth = 1; sizewidth < tamjan; sizewidth += velocidadeh) { tamanho.resizeTo(sizewidth+6,sizeheight );} tamanho.location = endereco;} else window.location = endereco;} </script> <a href="index.htm" onClick="janelanimada('index.htm');return false;">Principal</a><br>

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>

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> <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="Go" 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>

Reloj en javascript

<head> <script language="JavaScript"> if (window.Event) document.captureEvents(Event.MOUSEUP); function nocontextmenu() { event.cancelBubble = true event.returnValue = false; return false; } function norightclick(e) { if (window.Event) { if (e.which == 2 || e.which == 3) return false; } else if (event.button == 2 || event.button == 3) { window.event.cancelBubble = true window.event.returnValue = false; return false; } } document.oncontextmenu = nocontextmenu; document.onmousedown = norightclick; </script> </head>

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.

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

Texto y hora en el status.

Banner rotatorio (puedes agregar los banners ke kieras)

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

Saludo al entrar a la página:

<head> <script language=JavaScript> alert("Hola") </script>

Hola y adiós

<BODY onLoad="alert('Bienvenido a mi web');" onUnLoad="confirm('Gracias por tu visita, espero ke no sea la última');"> </head>

Alerta al presionar el botón derecho

<SCRIPT LANGUAGE=JavaScript>  </SCRIPT> <BODY OnClick="MsgBox('Eso no!!')">

Animar barra de estado

Botones animados

Animar barra de título

Poner color a las barras de desplazamiento

<style> body { scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #000000; scrollbar-face-color: #CC9900; scrollbar-highlight-color: #800000; scrollbar-shadow-color: #800000; } </style>

Mensaje al pasar el mouse por encima del texto

Proteger una página con contraseña

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

Preguntar " Cual Es Tu Nombre "

[ Descargar ] | [ Ver Ejemplo ]

<script language="Javascript" src="http://codespwg.webcindario.com/js/askname.js"></script>

Fecha

[ Descargar ] | [ Ver Ejemplo ]

<script language="Javascript" src="http://codespwg.webcindario.com/js/date.js"></script>

Texto Con Zoom

[ Descargar ] | [ Ver Ejemplo ]

<script language="Javascript" src="http://codespwg.webcindario.com/js/date.js"></script>

Esto Ponlo Donde Quieras que Este la Frase ( Tienes que Editarle La Frase )

<body onload="resetear(10, 48, 10, 'letras')"> <body onload="resetear(10, 48, 10, 'letras')"> <DIV id="letras" style="position:absolute; font-size:10px; height:56px; width: 761px; background-color: #CCFFCC;border: 1px none #000000;">Toda la frase va creciendo</DIV> </body>

Popup Especial

[ Descargar ] | [ Ver Ejemplo ]

<script language="Javascript" src="http://codespwg.webcindario.com/js/popupbox.js"></script>

Esto Ponlo Donde Quieras que Este El Link ( Editale El Link )

<a href="linkdelpopup.htm" onclick="return show_hide_box(this, 200, 270, '2px solid')"> Page history </a>