- Recopilación Increible de Codes

I made this Te agradecemos que leas esta marquesina at Gracias.


	Recopilación Increible de Codes

Calcularora Para Tu Web

Tu Nombre En Japones

Navegador Atras Adelante Top

<table border="0" bgcolor="#FFCC66"> <tr> <td align="center"> <input type="button" value=" << " onclick="javascript:window.history.go(-1);"> <input type="button" value="Top" onclick="document.location='#top';"> <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td> </tr> </table>

Centrar La Web

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

Imprimir Pagina

Imprimir Página Web

<html> <body>  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <A HREF="javascript:imprimir()">Imprimir Página Web</A> </body> </html>

Cuadro De Texto

<textarea style="width:360px;height:58px;" rows="2" cols="34">AQUI ALGUN TEXTO</textarea>

=>Volver a Arriba<=

Enlances llamativos:

Letras luminosas:

<span id="theText" style="width:100%"> <h3 align="center"><font color="#3a6ca3"><font size="+3">TU TEXTO AQUI</font> </font><font color="#666666"> <script> // ^-the text that will be displayed  </script></font></h3></span>

Texto intermitente:

Texto que va apareciendo:

Pantalla completa:

<form> <input TYPE="BUTTON" NAME="BTN_FullScreen" VALUE="Modo pantalla completa" OnClick="window.open(document.location, 'big', 'fullscreen=yes')"> </form>

Boton con mensaje:

<html> <head> <script language="LiveScript"> function pushbutton() { alert("Hola!"); } </script> </head> <body> <form> <input type="button" name="Button1" value="Click" onclick_fckprotectedatt=" onclick="pushbutton()""> </form> </body> </html>

Efecto texto:

<h5><script language="JavaScript1.2"> var message="Bienvenidos a Codes web!" var neonbasecolor="white" var neontextcolor="yellow" var flashspeed=50 var n=0 if (document.all){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight">'+message.charAt(m)+'</span>') document.write('</font>') var tempref=document.all.neonlight } else document.write(message) function neon(){ if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor } tempref[n].style.color=neontextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h5>

Texto con resplandor:

Reflejo de imagen en el agua:

<center>  <img id="reflect" src="http://img525.imageshack.us/img525/2721/codeswebmy6.gif" _fcksavedurl="http://img525.imageshack.us/img525/2721/codeswebmy6.gif"><br> <script language="JavaScript1.2"> function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script> </center>

Titulo cambiante:

<SCRIPT LANGUAGE="JavaScript"> var message = new Array(); // Set your messages below -- follow the pattern. // To add more messages, just add more elements to the array. message[0] = "www.codesweb.es.tl"; message[1] = "Codigos Html"; message[2] = "Encuestas"; message[3] = "Newsletter"; message[4] = "Libro de visitas"; message[5] = "Tutoriales"; message[6] = "... Todo y MUCHO mas GRATIS"; // Set the number of repetitions (how many times the arrow // cycle repeats with each message). var reps = 2; var speed = 200; // Set the overall speed (larger number = slower action). // DO NOT EDIT BELOW THIS LINE. var p = message.length; var T = ""; var C = 0; var mC = 0; var s = 0; var sT = null; if (reps < 1) reps = 1; function doTheThing() { T = message[mC]; A(); } function A() { s++; if (s > <img src="http://theme.webme.com/smiles/cool.gif" border="0"> { s = 1;} // you can fiddle with the patterns here... if (s == 1) { document.title = '||||||====||| '+T+' -----'; } if (s == 2) { document.title = '|||=|||===||| '+T+' -----'; } if (s == 3) { document.title = '|||==|||==||| '+T+' -----'; } if (s == 4) { document.title = '|||===|||=||| '+T+' -----'; } if (s == 5) { document.title = '|||====|||||| '+T+' -----'; } if (s == 6) { document.title = '|||===|||=||| '+T+' -----'; } if (s == 7) { document.title = '|||==|||==||| '+T+' -----'; } if (s == <img src="http://theme.webme.com/smiles/cool.gif" border="0"> { document.title = '|||=|||===||| '+T+' -----'; } if (C < (8 * reps)) { sT = setTimeout("A()", speed); C++; } else { C = 0; s = 0; mC++; if(mC > p - 1) mC = 0; sT = null; doTheThing(); } } doTheThing(); // End --> </script>

Spoirler Con html

[ Ver Ejemplo ]

<div class="pre-spoiler"> <span style="float:left; padding-top: 2px;">AQUI COLOCAN EL TEXTO KE SE VERA PARA DAR CLIC</span> <input type="button" value="Mostrar" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}"> </div> <div> <div class="spoiler" style="display: none;">AQUI ESCRIBEN TODO EL CONTENIDO QUE OCULTARAN</div> </div>

Upload De Pixelea

[ Ver Ejemplo ]

<form action="http://pixelea.com/index.php" method="post" enctype="multipart/form-data"><input name="imagen" type="file" class="casilla" id="imagen" size="35" /><input name="enviar" type="submit" class="boton" id="enviar" value="Subir imagen" /><input name="action" type="hidden" value="upload" /></form>

Popup Por Img

[ Ver Ejemplo ]

<a href="#" onClick="window.open('LinkDeLaWebDelPopup','popup','width=165,height=240')"><img src="LinkDeLaImagen"></a>

Buscador Google

[ Ver Ejemplo ]

 <p> </p> <center> <form action="http://www.google.com/search" method="get"> <table bgcolor="#ffffff"> <tbody> <tr> <td><a href="www.google.es/"><img alt="Google" align="absMiddle" border="0" src="http://www.google.com/logos/Logo_40wht.gif" /></a> <input maxlength="255" size="31" name="q" /> <input type="hidden" name="hl" value="es" /> <input type="submit" name="btnG" value="Búsqueda Google" />

Establecer Como Pagina Inicial

[ Ver Ejemplo ]

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #004080; FONT-FAMILY: Verdana" onclick= "this.style.behavior='url(#default#homepage)'; this.setHomePage('URL DE TU WEB');"> <FONT face=Arial color=#000000 size=-2><U> Establecer como Página Inicial</U></FONT></A>

Poner En Favoritos

[ Ver Ejemplo ]

<script language="JavaScript1.2"> function favoritos(){ window.external.addFavorite('UrlDeTuWeb','DescripcionDeTuWeb') } </script>

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>

Estirar Plantilla IceBlue

Cambiar Botones IceBlue

<style type="text/css"> </style>

Cambiar el Encabezado

<style type="text/css"> </style>

Quitar Box De Plantilla IceBlue

Cambiar el Puntero o Mouse

<style type="text/css"> HTML,BODY{cursor: url("****IMAGEN QUE QUIERES MOSTRAR COMO CURSOR****"), url("****IMAGEN QUE QUIERES MOSTRAR COMO CURSOR****"), auto;} </style>

Quitar Box y Menu

redireccionar web
<HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href='http://aqui la nueva direccion o pagina'; </SCRIPT> </HEAD> <BODY>

tranformarcurso en mira
<style type="text/css">  </style>

pones fecha en tu sitio
<script language="JavaScript">  </script>

agregar a favoritos
<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com', 'Pauluk Computacion')"><small><font size="1"> Agregar a favoritos</font></small></a

quitar lineas de link
<Head> <style>  </style> </Head>

reloj que sige al curso
><SCRIPT language=JavaScript> dCol='0000FF';//date colour. fCol='FF00FF';//face colour. sCol='00CC00';//seconds colour. mCol='FF0000';//minutes colour. hCol='FF0000';//hours colour. ClockHeight=30; ClockWidth=30; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO"); m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT>

flash earth
<br /> <div align="center"><strong>Flash Earth</strong></div> <embed width="520" height="420" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.flashearth.com/flash_earth.swf" play="true" loop="true" menu="true"></embed><br /> <font face="Tahoma"><br /> Flash Earth es una aplicación en flash, que permite ver todo el mundo, con la calidad de los mejores satelites. Permite no solo usar los satelites de Google Earth, sino también de muchos otros institutos especializados.<br /> <br /> <strong>Instrucciones<br /> <br /> *Iniciar. </strong>Al iniciar te aparecerá un recuadro, haz clic donde dice "Flash Earth" o en el texto e inicia.<br /> <strong><br /> *Navegar. </strong>Puedes moverte dentro del mapa con los cursores (flechas del teclado) o haciendo clic en el mapa y arrastrandolo.<br /> <strong><br /> *Acercarse, alejarse. </strong>Solo mueve arroba o abajo el control derecho, entre mas arriba este, será mas cerca. ¡Animate e intenta buscar tu casa!<br /> <br /> <strong>*Cambiar satelite</strong>. En el panel derecho, haz clic en el que mas te agrade, cada uno de estos, es diferente a diferentes alturas.<br /> <br /> <strong>*Girar el mapa</strong>. Solo haz clic en la rosa de los vientos y girala, veráz como el mapa también gira.<br /> <br /> <strong>*Buscar un lugar.</strong> Tan solo haz clic en la caja de busqueda que dice, "search location" y escribe el lugar a donde quieres ir.<br /> <br /> <strong>*Saber tus coordenadas.</strong> Una vez que hayas encontrado el lugar que desees, revisa en la caja de busqueda tu altitud y longitus, así sabrás exáctamente donde estás.<br /> </font><FCK:hr width="100%" size="2" /> <div align="center"><strong>Gracias por visitarnos</strong></div>

el clima
<div align="center"><font face="Tahoma"><strong>Clima</strong></font><br /> <embed width="520" height="400" menu="true" loop="true" play="true" src="http://weather.eu.msn.com/f5/loader19.swf?mode=world&lang=ES_MX&continent=NorthAmerica&MXtype=m" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><br /> <br /> <div align="left"><strong><font face="Tahoma">Un clima muy fácil de usar.<br /> </font></strong><font face="Tahoma">Este es un flash del clima mundial muy preciso, este utiliza la tecnología de Foreca para brindar el clima mundial con tan solo algunos cuantos clic al programa.<br /> <br /> <strong>Instrucciones.<br /> </strong>Generalmente el programa se inicia en México, si vives ahí solo haz clic en la sección de México a la que perteneces y luego a tu ciudad.<br /> <br /> En caso de vivir en cualquier otra parte del mundo basta con oprimir el mapa que se encuentra arriba del logo de Foreca, en la esquina inferior izquierda del programa; así irás a América del Norta, si haces clic una vez más te aparecerá un mapa mundial, haz clic en la parte del mundo en que vives y despues en tu sección del lugar, yasí sucesivamente.</font></div> </div>

probador html as clic aqui

chat
<strong>Aqui esta un chat online, podrán habla con muchas personas.</strong><br /> <embed width="540" height="400" align="middle" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#ffffff" name="chat" flashvars="id=11805665&gn=ultralatinos" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xat.com/update_flash.shtml"></embed> <small><a target="_BLANK" href="http://xatech.com/chat/room/11423374/" _fcksavedurl="http://xatech.com/chat/room/11423374/"><br /> </a></small> <div><br /> <font size="3" face="Tahoma"><strong>Notas:</strong><br /> La página no se hace responsable del conenido del chat.</font></div> <p> </p> <span style="font-weight: bold;" class="Title"> <p> </p> </span>

fondo de pantallla
<body background="AQUÍ COLOCA LA URL DE FONDO">

musica de fondo
<div align="center"><embed src="URL DE LA PISTA" height="" type="text/plain; charset=UTF-8"></embed></div>

agregar a inicio
 <a href="#" _fcksavedurl="#" _fcksavedurl="#" onClick_fckprotectedatt_fckprotectedatt=" onClick_fckprotectedatt=" onClick=""this.style.behavior='url(#default#homepage)';this.setHomePage('http://codesweb.es.tl');return false"">Hacer pagina de inicio</a> 

tabla de colores
<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

salodus al visitante segun la ora del dia
<Font size=2 face=arial><b> <Script Language="JavaScript">  </script> </b></font>

trductor de textos y web
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish1.js"></script> <noscript><a href="http://es.babelfish.yahoo.com">Yahoo! Babel Fish</a></noscript>

treductor de web
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=es&region=es"></script>

reloj con la hora locar y mundial
 <iframe src="http://www.creatupropiaweb.com/recursos/relojes/reloj_8.htm" width="134" height="202" marginwidth="0" marginheight="0" frameborder="no" scrolling="no" allowtransparency="true"></iframe>

calendario
<center><table border="0" cellpadding="0" cellspacing="0" width="163" height="300" background="http://www.creatupropiaweb.com/recursos/calendarios/cal_1.gif"> <tr> <td> <p align="center"><br> <br><br><br><br> <script language="JavaScript">  </script></td> </tr> </table> </center> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="10"> <tr> <td> <p align="center"><a href="http://www.creatupropiaweb.com" _fcksavedurl="http://www.creatupropiaweb.com"><font size="1" color="#CEDDF4" face="Times New Roman">CTPW</font></a></td> </tr> </table> </center>

menu desplegable
<form> <input type="button" onClick_fckprotectedatt=" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"" value="TEXTO DEL BOTON" /><select name="list"> <option value="QUI EL URL DE PA PAGINA" selected="selected"> NOMBRE DEL URL </option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> </select> </form>

abrir ventana en popup
<script language="JavaScript1.2"> function tremer(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); }}}} tremer(5) </script>

colores que persiguen al ratón al ratón
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

botón que cambia al pasar el muse
también sirve con imagenes, solo con formatos gif
<a href=http://direccion _fcksavedurl=http://direccion url ><img OnMouseOver=src="http://url del boton al pasar el curso(gif)" OnMouseOut=src="url del boton">

cuadro para abrir una web dentro de otra
<p align="center"><iframe style="width: 500px; height: 600px" src="pagina interior"> <ILAYER SRC="http://www.yahoo.com"></ILAYER> </iframe></p>

presentación de imagenes
<div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"> <tr> <td width="503"><img src="http://www.yomaster.com/banner/ban_yomaster.gif" width="479" height="48" name="photoslider"></td> </tr> <tr> <td width="503"><form method="POST" name="rotater"> <div align="center" style="width: 477; height: 79"><center><p> <script language="JavaScript1.1"> /* Photo Slider II- By Kevin Adams (kadams70@hotmail.com) For this script and more Visit http://www.javascriptkit.com */ var photos=new Array() var text=new Array() var which=0 var what=0 //Change the below variables to reference your own images. You may have as many images in the slider as you wish photos[0]="url de imagen 0" photos[1]="url de imagen 1" photos[2]="url de imagen 2" photos[3]="url de imagen 3" photos[4]="url de imagen 4" photos[5]="url de imagen 5" photos[6]="url de imagen 6" //change coresponding description text[0]="texto imagen 0" text[1]="texto imagen 1" text[2]="texto imagen 2" text[3]="texto imagen 3" text[4]="texto imagen 4" text[5]="texto imagen 5" text[6]="texto imagen 6" window.onload=new Function("document.rotater.description.value=text[0]") function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which]; what-- document.rotater.description.value=text[what]; } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] what++ document.rotater.description.value=text[what]; } else window.status='End of gallery' } function type() { alert("This textbox will only display default comments") } </script> <p><input name="description" style="width:479px; float:left" size=50> <p style="margin-top: 0; margin-bottom: 0"><font size="1"> </font></p> <p><input type="button" value="<<Back" name="B2" onClick="backward()"> <input type="button" value="Next>>" name="B1" onClick="forward()"><br> <a href="#" onClick="which=1;what=1;backward();return false"><small>Empezar</small></a></p> </center></div> </form> </td> </tr> </table> </center> </div>

quitar box solo con diseño ice blue
<style type="text/css"> </style>

msn en tu web
<table cellspacing="1" cellpadding="1" width="200" border="1"> <tbody> <tr> <td><font color="#ff0000"><iframe border="0" name="I1" src="http://www.meebo.com" frameborder="0" width="495" scrolling="no" height="478"></iframe></font></td> </tr> <tr> <td bgcolor="#99ccff"> <p align="center"><a target="_blank" href="http://www.chapinguero.es.tl" _fcksavedurl="http://www.chapinguero.es.tl"><strong><font color="#ffffff">Chapinguero.Es.TL</font></strong></a></p> </td> </tr> </tbody> </table>

calculadora
<body><form name="FormCalc"> <div align="center"><center><table align="center" width="311" border="0" cellpadding="2"> <tr> <td width="208" colspan="4"><input name="Display" size="22" type="text"></td> <td width="21" rowspan="6"></td> <td width="70"><input type="text" name="Indicador" size="6"></td> </tr> <tr> <td width="49" align="center" bgcolor="#C0C0C0"><input type="button" name="boton7" value=" 7 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '7')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="button" name="boton8" value=" 8 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '8')"" style="font-family: Courier"></td> <td width="51" align="center" bgcolor="#C0C0C0"><input type="button" name="boton9" value=" 9 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '9')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="Button" name="botonDivision" value=" / " onClick_fckprotectedatt=" onClick="ObtieneOperador(this.form, '/')"" style="font-family: Courier"></td> <td width="70" align="center" bgcolor="#C0C0C0"><input type="button" name="botonBorrar" value=" C " onClick_fckprotectedatt=" onClick="BorraDisplay(this.form)"" style="font-family: Courier"></td> </tr> <tr> <td width="49" align="center" bgcolor="#C0C0C0"><input type="Button" name="boton4" value=" 4 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '4')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="Button" name="boton5" value=" 5 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '5')"" style="font-family: Courier"></td> <td width="51" align="center" bgcolor="#C0C0C0"><input type="Button" name="boton6" value=" 6 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '6')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="Button" name="botonProducto" value=" x " onClick_fckprotectedatt=" onClick="ObtieneOperador(this.form, '*')"" style="font-family: Courier"></td> <td width="70" align="center" bgcolor="#C0C0C0"><input type="button" name="botonM" value=" M+ " onClick_fckprotectedatt=" onClick="GuardaMemoria(this.form)"" style="font-family: Courier"></td> </tr> <tr> <td width="49" align="center" bgcolor="#C0C0C0"><input type="Button" name="boton1" value=" 1 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '1')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="Button" name="boton2" value=" 2 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '2')"" style="font-family: Courier"></td> <td width="51" align="center" bgcolor="#C0C0C0"><input type="Button" name="boton3" value=" 3 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '3')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="Button" name="botonResta" value=" - " onClick_fckprotectedatt=" onClick="ObtieneOperador(this.form, '-')"" style="font-family: Courier"></td> <td width="70" align="center" bgcolor="#C0C0C0"><input type="button" name="botonMR" value=" MR " onClick_fckprotectedatt=" onClick="RecuerdaMemoria(this.form)"" style="font-family: Courier"></td> </tr> <tr> <td width="49" align="center" bgcolor="#C0C0C0"><input type="Button" name="boton0" value=" 0 " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '0')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="Button" name="botonPunto" value=" . " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, '.')"" style="font-family: Courier"></td> <td width="51" align="center" bgcolor="#C0C0C0"><input type="Button" name="botonSigno" value="+/-" onClick_fckprotectedatt=" onClick="CambiaSigno(this.form)"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="Button" name="botonSuma" value=" + " onClick_fckprotectedatt=" onClick="ObtieneOperador(this.form, '+')"" style="font-family: Courier"></td> <td width="70" align="center" bgcolor="#C0C0C0"><input type="button" name="botonMC" value=" MC " onClick_fckprotectedatt=" onClick="BorraMemoria(this.form)"" style="font-family: Courier"></td> </tr> <tr> <td width="49" align="center" bgcolor="#C0C0C0"><input type="button" name="botonE" value=" E " onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, 'e')"" style="font-family: Courier"></td> <td width="48" align="center" bgcolor="#C0C0C0"><input type="button" name="botonEmenos" value=" E-" onClick_fckprotectedatt=" onClick="EscribeDigito(this.form, 'e-')"" style="font-family: Courier"></td> <td width="51" align="center" bgcolor="#C0C0C0"> </td> <td width="48" align="center" bgcolor="#C0C0C0"> </td> <td width="70" align="center" bgcolor="#C0C0C0"><input type="button" name="botonIgual" value=" = " onClick_fckprotectedatt=" onClick="Calcula(this.form)"" style="font-family: Courier"></td> </tr> </table> </center></div> </form> </body> <head> <script language="javascript" type="text/javascript"> //CALCULADORA SIMPLE //Version: 1 (5/12/1999) //Iván Nieto Pérez //Este script y otros muchos pueden //descarse on-line de forma gratuita //en El Código: www.elcodigo.com var OpA var OpB var Operador var Memoria = 0 var Escribiendo var HayOperandoA var HayResultado var ACero function BorraDisplay() { //borra el display document.FormCalc.Display.value = "0" document.FormCalc.Indicador.value = " " //inicializa variables OpA = 0 OpB = 0 //actualiza flags Escribiendo = false HayOperandoA = false HayResultado = false ACero = true } function ObtieneOperador(FormCalc, Digito) { //si hay operando A y no hay resultado puede calcular ya if ( HayOperandoA && (!HayResultado) ) Calcula(FormCalc) //obtiene el operador a utilizar Operador = Digito //borra el indicador de signo antiguo y pone el nuevo FormCalc.Indicador.value = FormCalc.Indicador.value.substring(0,1) FormCalc.Indicador.value += " " + Digito //guarda operando A OpA = FormCalc.Display.value //actualiza flags Escribiendo = false HayOperandoA = true HayResultado = false ACero = false } function Calcula(FormCalc) { //realiza la operacion y escribe el resultado //borra el indicador FormCalc.Indicador.value = FormCalc.Indicador.value.substring(0,1) //guarda operando B OpB = "(" + FormCalc.Display.value +")" //los parentesis evitan error A - -B //obtiene string de operacion var Operacion = new String() Operacion = OpA + Operador + OpB //evalua string Resultado = eval(Operacion) //escribe el resultado y se lo asigna al operando A FormCalc.Display.value = Resultado OpA = FormCalc.Display.value //actualiza flags Escribiendo = false HayOperandoA = true HayResultado = true ACero = false } function EscribeDigito(FormCalc, Digito) { //escribe un digito en el formulario if (Escribiendo) FormCalc.Display.value += Digito else { FormCalc.Display.value = Digito Escribiendo = true ACero = false } } function CambiaSigno(FormCalc) { //cambia el signo del display if (ACero) return else { if (FormCalc.Display.value.substring(0,1) == '-') FormCalc.Display.value = FormCalc.Display.value.substring(1, FormCalc.Display.value.length) else FormCalc.Display.value = '-' + FormCalc.Display.value } } function GuardaMemoria(FormCalc) { Memoria += eval(FormCalc.Display.value) FormCalc.Indicador.value = "M" + FormCalc.Indicador.value.substring(1,3) } function RecuerdaMemoria(FormCalc) { FormCalc.Display.value = Memoria } function BorraMemoria(FormCalc) { Memoria = 0 FormCalc.Indicador.value = " " + FormCalc.Indicador.value.substring(1,3) } window.onload = BorraDisplay if (document.captureEvents) { //N4 requiere invocar la funcion captureEvents document.captureEvents(Event.LOAD) } </script> </head></textarea<br /> <a href="http://ayuda-pwg.es.tl/codigos.htm" _fcksavedurl="http://ayuda-pwg.es.tl/codigos.htm"><img height="40" alt="" width="60" border="0" src="http://www.zonagratuita.com/imagenes/botones_web/flechaleft.gif" _fcksavedurl="http://www.zonagratuita.com/imagenes/botones_web/flechaleft.gif" /></a><a href="http://ayuda-pwg.es.tl/codigos-de-cursor.htm" _fcksavedurl="http://ayuda-pwg.es.tl/codigos-de-cursor.htm"><img height="40" alt="" width="60" border="0" src="http://www.zonagratuita.com/imagenes/botones_web/flecharight.gif" _fcksavedurl="http://www.zonagratuita.com/imagenes/botones_web/flecharight.gif" /></a></p></body></html>

multi traductor con diseño agradable
<form action="http://www.google.com/translate" target="_blank"><script language="JavaScript"></script><input value="+location.href+" name="u" type="hidden"><input name="hl" value="en" type="hidden"><input value="UTF8" name="ie" type="hidden"><input name="langpair" value="" type="hidden"><input alt="Español" border="0" name="langpair3" src="http://bp2.blogger.com/_7zVmU7DEHNg/Rregb_oqSlI/AAAAAAAAESY/5L-Hm7LQ22o/espa%C3%B1a.gif" onclick="this.form.langpair.value=this.value" value="es|es" type="image" id="langpair" title="Español"><br /><input alt="Frances" border="0" name="langpair" src="http://bp3.blogger.com/_7zVmU7DEHNg/RregcPoqSmI/AAAAAAAAESg/iNW1Bct4Cs8/francia.gif" onclick="this.form.langpair.value=this.value" value="en|fr" type="image" id="BLOGGER_PHOTO_ID_5095717910486862434" title="Frances"> <input value="en|de" alt="Aleman" border="0" name="langpair" src="http://bp0.blogger.com/_7zVmU7DEHNg/RregIfoqSgI/AAAAAAAAERw/mL3VjZb9OM4/alemania.gif" onclick="this.form.langpair.value=this.value" title="Aleman" type="image" id="BLOGGER_PHOTO_ID_5095717571184445954"> <input value="en|it" alt="Italiano" border="0" name="langpair" src="http://bp3.blogger.com/_7zVmU7DEHNg/RregcPoqSoI/AAAAAAAAESw/l-9tXk6U2og/italia.gif" onclick="this.form.langpair.value=this.value" title="Italiano" type="image" id="BLOGGER_PHOTO_ID_5095717910486862466"> <input value="en|pt" alt="Portugués" border="0" name="langpair" onclick="this.form.langpair.value=this.value" title="Portugues" src="http://bp2.blogger.com/_7zVmU7DEHNg/Rregi_oqSqI/AAAAAAAAETA/zivYYO5Tpl4/portugal.gif" type="image" id="BLOGGER_PHOTO_ID_5095718026450979490"> <input value="es|en" alt="Inglés" name="langpair" onclick="this.form.langpair.value=this.value" title="Ingles" type="image" src="http://bp3.blogger.com/_7zVmU7DEHNg/RregcPoqSnI/AAAAAAAAESo/JYkR3p5c7so/s200/in glaterra.gif" id="BLOGGER_PHOTO_ID_5095717910486862450"> <input alt="Japones" name="langpair" title="Japones" value="en|ja" onclick="this.form.langpair.value=this.value" type="image" src="http://bp3.blogger.com/_7zVmU7DEHNg/RregcPoqSpI/AAAAAAAAES4/5DPxDxh5WeQ/s200/japones.gif"> <input value="en|ko" alt="coreano" name="langpair" onclick="this.form.langpair.value=this.value" title="Koreano" type="image" src="http://bp2.blogger.com/_7zVmU7DEHNg/RregI_oqSjI/AAAAAAAAESI/HrVfG3whT4Q/s200/coreano.gif"> <input value="en|zh-CN" alt="Chino simplificado" name="langpair" onclick="this.form.langpair.value=this.value" title="Chino Simplificado" type="image" src="http://bp2.blogger.com/_7zVmU7DEHNg/RregI_oqSkI/AAAAAAAAESQ/fQt3KifdtWY/s200/chino+simplificado.gif"> <input value="en|ar" name="langpair2" onclick="this.form.langpair.value=this.value" title="Arabe" type="image" src="http://bp1.blogger.com/_7zVmU7DEHNg/RregIvoqShI/AAAAAAAAER4/2rFRi_tNfwk/arabe.gif"></form>

cudro con contenido cambiable
<html> <head> <style type="text/css"> div {clear:both;display:table;border:1px solid} span {float:left;padding:0 5px 0 5px;} </style> <script type="text/javascript">  </script> </head> <body>  <div> <span style="border-right:1px solid;"><a href='javascript:seleccion(1);' _fcksavedurl='javascript:seleccion(1);'>Opción 1</a></span> <span style="border-right:1px solid;"><a href='javascript:seleccion(2);' _fcksavedurl='javascript:seleccion(2);'>Opción 2</a></span> <span style="border-right:1px solid;"><a href='javascript:seleccion(3);' _fcksavedurl='javascript:seleccion(3);'>Opción 3</a></span> <span style="border-right:1px solid;"><a href='javascript:seleccion(4);' _fcksavedurl='javascript:seleccion(4);'>Opción 4</a></span> </div>  <div id="op1" style="display:block;width:400px;height:200px;"> Texto opción 1 </div> <div id="op2" style="display:none;width:400px;height:200px;"> Texto opción 2 </div> <div id="op3" style="display:none;width:400px;height:200px;"> Texto opción 3 </div> <div id="op4" style="display:none;width:400px;height:200px;"> Texto opción 4 </div> </body> </html>

Ayudanos !:

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis