Aqui pongo una recopilacion de javascript de algunas webs interesantes

Pop-Up automático

<SCRIPT LANGUAGE="JavaScript">  </script> <BODY onLoad="popupWin()">

Pop-Up nervioso

<HEAD> <SCRIPT LANGUAGE="JavaScript">  // End --> </script>

Efecto tamaño de ventana

<script language="JavaScript">  </script> <form> <input type="button" value="Pulsa aquí" onClick="return changeWin();" name="button"> </form>

Pop-Up sensible al cursor

<script Language="JavaScript"> function winopen1() { msg1=open("mini.htm","Homepage","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=150,height=150"); } </script> <a href onMouseOver="winopen1(); return true;" onMouseOut="msg1.close();">Abriendo y Cerrando una Ventana</a>

Pop-Up curioso

<script language="JavaScript"> var ancho=100 var alto=100 var fin=300 var x=100 var y=100 function inicio() { ventana = window.open("hola.htm", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y"); abre(); } function abre() { if (ancho<=fin) { ventana.moveTo(x,y); ventana.resizeTo(ancho,alto); x+=5 y+=5 ancho+=15 alto+=15 timer= setTimeout("abre()",1) } else { clearTimeout(timer) } } // --> </script> <form> <input type="button" value="Abrir Ventana" onClick="inicio()"></p> </form>

-------------------------------------------------------------------------------
Status, titles

Mensaje en la barra de titulo

<script language="JavaScript1.2"> var message="Michael Dillon's dynamic title script" //specifys the title var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds. i="0" //declares the variable and sets it to start at 0 var temptitle="" //declares the variable and sets it to have no value yet. var speed="150" //the delay in milliseconds between letters function titler(){ if (!document.all&&!document.getElementById) return document.title=temptitle+message.charAt(i) //sets the initial title temptitle=temptitle+message.charAt(i) //increases the title by one letter i++ //increments the counter if(i==message.length) //determines the end of the message { i="0" //resets the counter at the end of the message temptitle="" //resets the title to a blank value } setTimeout("titler()",speed) //Restarts. Remove line for no-repeat. } window.onload=titler </script>

Puzzle Status

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

Numerosas frases en la barra de status

<script language="JavaScript"> var speed = 100 var pause = 3000 var timerID = null var bannerRunning = false var ar = new Array() ar[0] = ">>>> Este script es entretenido <<<<" ar[1] = " Con él puedes colocar informacion adicional, ....." ar[2] = "..... Datos sobre tu página y muchas otras cosas, ....." ar[3] = "..... No olvides de pones esta web ewn tus favoritos, ....." ar[4] = "..... Y envía tus scripts si los tienes, ....." ar[5] = "..... scripts, codigos y seran publicados ....." ar[6] = "..... Y eso es todo amigo, hasta la vista ....." 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>

Texto estático en la barra de estado

<SCRIPT language=JavaScript> var barrabajo = ' A R E A - R E S T R I C T A '; function barra() { window.status = barrabajo; timerID= setTimeout("barra()", 15); } </SCRIPT> <SCRIPT language=JavaScript> barra(); </SCRIPT>

Texto especial en la barra de estado

<script language="javascript"> var current = 0 var spd = 300; var max = 10; var flg = 0; msg1="¡"; msg2="H"; msg3="O"; msg4="L"; msg5="A"; msg6="!"; blk=" "; function type() { if (flg == 0){ current++; if (current > max){ flg = 1; current = max; } } else { current--; if (current < 0){ flg = 0; current = 0; } } s = blk.substring(0,current); window.status = msg1+s+msg2+s+msg3+s+msg4+s+msg5+s+msg6; setTimeout("type()",spd); } </script> <body onLoad="type()">

-------------------------------------------------------------------------------
Fecha, hora...

Tiempo que falta para que termine el día

<FORM name="Reloj"> Faltan <INPUT type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo que queda para que se acabe el día" > <SCRIPT language="JavaScript"> var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </SCRIPT> para que ternime el dia </FORM>

Reloj analógico siempre visible

<script language="JavaScript"> //Static analog Clock by kurt.grigg@virgin.net fCol='000000';//face colour. sCol='ff0000';//seconds colour. mCol='000000';//minutes colour. hCol='000000';//hours colour. H='....'; H=H.split(''); M='.....'; M=M.split(''); S='......'; S=S.split(''); Ypos=0; Xpos=0; Ybase=8; Xbase=8; dots=12; ns=(document.layers)?1:0; if (ns){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ 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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (ns){ Ypos=window.pageYOffset+window.innerHeight-60; Xpos=window.pageXOffset+window.innerWidth-80; } else{ Ypos=document.body.scrollTop+window.document.body.clientHeight-60; Xpos=document.body.scrollLeft+window.document.body.clientWidth-60; } if (ns){ for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9); document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs); } } else{ for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9); ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs); } } setTimeout('clock()',50); } if (document.layers || document.all) window.onload=clock; //--> </script>

Reloj digital superior

<span id="liveclock" style="position:absolute;left:0;top:0;"> </span> <script language="JavaScript"> function show5(){ if (!document.layers&&!document.all&&!document.getElementById) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="PM" if (hours<12) dn="AM" if (hours>12) hours=hours-12 if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here to your desire myclock="<font size='2' face='Verdana' color='990000'><b><font size='1'>Hora actual:</font></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</b></font>" if (document.layers){ document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() } else if (document.all) liveclock.innerHTML=myclock else if (document.getElementById) document.getElementById("liveclock").innerHTML=myclock setTimeout("show5()",1000) } window.onload=show5 //--> </script>

Fecha completa (incluye el día de la semana)

<SCRIPT></SCRIPT>

Saludo según la hora

<script LANGUAGE="JavaScript"> var dt = new Date(); var hr = dt.getHours(); var msg = ((hr<12) ? "Morning" :"Evening"); msg = ((hr>11)&&(hr<16) ? "Afternoon" : msg); msg=" <H2>Good "+msg+" !</H2>"; document.write(msg); </script>
-------------------------------------------------------------------------------
Botones

Botón abrir

<script language="javascript" type="text/javascript"> function NewWindow(u,n,w,h,f,p,x,y){var win=(ws=window.screen?1:0,m=Math,C='center',R='random',M='custom',sw=screen.availWidth,sh=screen.availHeight,T=(p==C&&ws)?(sh-h)/2:(p==R&&ws)?(m.floor(m.random()*(sh-h))):(p==M)?y:100,L=(p==C&&ws)?(sw-w)/2:(p==R&&ws)?(m.floor(m.random()*(sw-w))):(p==M)?x:100,s='width='+w+',height='+h+',top='+T+',left='+L,s+=(!f||f=='')?'':','+f,window.open(u,n,s));if(win.focus){win.focus();}} // --> </script> <form> <input type="button" value="Ejemplo" onclick="NewWindow('../intercambio2.html','script',600,500,'scrollbars,resizable','center');"> </form>

Botón cerrar

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

Botón cambiante para enlace

<font face="Arial, Helvetica, sans-serif" size="2"> <script language="JavaScript"> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "StarMedia" urlArr[1] = "http://www.starmedia.com" lineArr[2] = "StarMedia Páginas Personales" urlArr[2] = "http://www.starmedia.com/orbita" lineArr[3] = "Foros" urlArr[3] = "http://foros.starmedia.com/" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } document.write("<form name=\"formDisplay\">"); document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">"); document.write("</form>"); StartShow(); </script></font>

Botón favoritos

<script LANGUAGE="JavaScript"> function agregar(){ if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) { var url="http://www.iespaña.es/scriptweb/index.html"; var titulo="SCRIPST WEBMASTERS"; window.external.AddFavorite(url,titulo); } else { if(navigator.appName == "Netscape") alert ("Presione Crtl+D para agregar este sitio en sus Bookmarks"); } } </script> <input type="button" value="Agregar a favoritos" onClick="javascript:agregar();">

Botón página de inicio

<input type="submit" value=" Página de Inicio " onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.elnuker.cjb.net');" name="B1">
-------------------------------------------------------------------------------
Fondos, scrolls...

Flash en las barras de desplazamiento (RECOMENDADO)

<script language="JavaScript"> var rate = 500 var C1 = "#0033CC" var C2 = "#0000CC" var i = 0 function doScrollbarColors(){ if (document.all){ i++ if (i==1) C = C1 if (i==2) C = C2 document.body.style.scrollbarBaseColor = C if (i>1) i=0 t=setTimeout("doScrollbarColors()", rate) } } </script> <style> BODY{ scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #000000; } </style> <body onload="doScrollbarColors()" >

Scroll en Mouse-Over cambia de color

<script language="JavaScript">function barradespl(){ if(event.clientX>document.body.clientWidth)document.body.style.scrollbarFaceColor="#0033CC"; else document.body.style.scrollbarFaceColor="#000000" ; }document.onmousemove=barradespl;</script>

Transición de color de fondo

<script language="JavaScript">  </script> <BODY onload="disco()">

Color de barras modificarlo

<style>  </style>

Fondo móvil

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

Rotación de imágenes

<script LANGUAGE="JavaScript">  </script> <div id="banner"></div>

Imagen con opacidad

<style type="text/css"> #im { FILTER: alpha(opacity=50) } </style> <script language="JavaScript1.2"> function high(which2) { theobject=which2; highlighting=setInterval("highlightit(theobject)",50); } function low(which2) { clearInterval(highlighting); which2.filters.alpha.opacity=50; } function highlightit(cur2) { if(cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=5 else if(window.highlighting) clearInterval(highlighting) } </script> <img src="TU_IMAGEN.gif" width="32" height="32" border="0" alt="" id="im" onmouseover="high(this)" onmouseout="low(this)">

Imagen click (cambia de imagen al hacerlo)

<script language="javascript"> // Creado por Tk imax@samerica.com imagen1=new Image imagen1.src="img014.gif" imagen2=new Image imagen2.src="img025.gif" var i=1; function cambiar() { if (i == 1) { document.images['ejemplo'].src=imagen2.src i=2; } else { document.images['ejemplo'].src=imagen1.src; i=1; } } </script> <img src="img014.gif" name="ejemplo" onMousedown="cambiar()">

Una imagen cada día

<SCRIPT LANGUAGE="JavaScript"> <script type="text/javascript" language="JavaScript"> var now = new Date (); var day = now.getDay(); //RECUERDA- LA SEMANA EMPIEZA EN DOMINGO if(day == 0) document.write("<img src='image/0.jpg' alt='domingo'>"); if(day == 1) document.write("<img src='image/1.jpg' alt='lunes'>"); if(day == 2) document.write("<img src='image/2.jpg' alt='martes'>"); if(day == 3) document.write("<img src='image/3.jpg' alt='miercoles'>"); if(day == 4) document.write("<img src='image/4.jpg' alt='jueves'>"); if(day == 5) document.write("<img src='image/5.jpg' alt='viernes'>"); if(day == 6) document.write("<img src='image/6.jpg' alt='sabado'>"); </script>

Imagen cruzando la pantalla

<script>  </script> <body onload="init();">
-------------------------------------------------------------------------------
Efectos de cursor

Cursor Araña

<STYLE> v\:* { BEHAVIOR: url(#default#VML) } </STYLE> <SCRIPT> // CREDITS: // Spider Highlighter for Textlinks // by Urs Dudli and Peter Gehrig // Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 11/6/2001 // IMPORTANT: // If you add this script to a script-library or a script-archive // you are required to insert a highly visible link to http://www.24fun.com // right into the webpage where the script // will be displayed. /////////////////////////////////////////////////////////////////////////// // CONFIGURATION STARTS HERE /////////////////////////////////////////////////////////////////////////// // the default color of the 8 spiderlines var defaultcolor="#F5F5F5" // the width of the 8 spiderlines while highlighting textlinks (pixels) var lineweighthighlight=50 // the width of the 8 spiderlines while NOT highlighting textlinks (pixels) var lineweightnormal=2 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// var distancetomouse=0 var mousepos_x=0 var mousepos_x=0 var marginleft=0 var margintop=0 var marginbottom=0 var marginright=0 var margincenterx var margincentery var mousepos_x=0 var mousepos_x=0 if (document.all&&window.print){ document.write('<div id="bodycontent" style="position:relative">') } function initiateanimation(){ marginbottom=document.body.clientHeight marginright=document.body.clientWidth margincenterx=Math.floor(marginright/2) margincentery=Math.floor(marginbottom/2) rectangulartopleft.to=marginleft+","+margintop rectangulartopright.to=marginright+","+margintop rectangularbottomleft.to=marginleft+","+marginbottom rectangularbottomright.to=marginright+","+marginbottom rectangulartop.to=margincenterx+","+margintop rectangularright.to=marginright+","+margincentery rectangularbottom.to=margincenterx+","+marginbottom rectangularleft.to=marginleft+","+margincentery rectangulartopleft.strokecolor=defaultcolor rectangulartopright.strokecolor=defaultcolor rectangularbottomleft.strokecolor=defaultcolor rectangularbottomright.strokecolor=defaultcolor rectangulartop.strokecolor=defaultcolor rectangularright.strokecolor=defaultcolor rectangularbottom.strokecolor=defaultcolor rectangularleft.strokecolor=defaultcolor } function msover(thiscolorhighlight){ if(document.all&&window.print){ rectangulartopleft.strokecolor=thiscolorhighlight rectangulartopright.strokecolor=thiscolorhighlight rectangularbottomleft.strokecolor=thiscolorhighlight rectangularbottomright.strokecolor=thiscolorhighlight rectangulartop.strokecolor=thiscolorhighlight rectangularright.strokecolor=thiscolorhighlight rectangularbottom.strokecolor=thiscolorhighlight rectangularleft.strokecolor=thiscolorhighlight rectangulartopleft.strokeweight=lineweighthighlight rectangulartopright.strokeweight=lineweighthighlight rectangularbottomleft.strokeweight=lineweighthighlight rectangularbottomright.strokeweight=lineweighthighlight rectangulartop.strokeweight=lineweighthighlight rectangularright.strokeweight=lineweighthighlight rectangularbottom.strokeweight=lineweighthighlight rectangularleft.strokeweight=lineweighthighlight } } function msout(){ if(document.all&&window.print){ rectangulartopleft.strokecolor=defaultcolor rectangulartopright.strokecolor=defaultcolor rectangularbottomleft.strokecolor=defaultcolor rectangularbottomright.strokecolor=defaultcolor rectangulartop.strokecolor=defaultcolor rectangularright.strokecolor=defaultcolor rectangularbottom.strokecolor=defaultcolor rectangularleft.strokecolor=defaultcolor rectangulartopleft.strokeweight=lineweightnormal rectangulartopright.strokeweight=lineweightnormal rectangularbottomleft.strokeweight=lineweightnormal rectangularbottomright.strokeweight=lineweightnormal rectangulartop.strokeweight=lineweightnormal rectangularright.strokeweight=lineweightnormal rectangularbottom.strokeweight=lineweightnormal rectangularleft.strokeweight=lineweightnormal } } function momouse(){ if(document.all&&window.print){ mousepos_x=document.body.scrollLeft+event.clientX mousepos_y=document.body.scrollTop+event.clientY rectangulartopleft.from=mousepos_x+","+mousepos_y rectangulartopright.from=mousepos_x+","+mousepos_y rectangularbottomleft.from=mousepos_x+","+mousepos_y rectangularbottomright.from=mousepos_x+","+mousepos_y rectangulartop.from=mousepos_x+","+mousepos_y rectangularright.from=mousepos_x+","+mousepos_y rectangularbottom.from=mousepos_x+","+mousepos_y rectangularleft.from=mousepos_x+","+mousepos_y } } if(document.all&&window.print){ code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" document.body.insertAdjacentHTML("afterBegin",code) document.onmousemove=momouse window.onload=initiateanimation } </SCRIPT>

Cursor Cometa

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0098f0" CLIP="0,0,3,3"></LAYER> <div id="starsDiv" style="position:absolute;top:0px;left:0px"> <div style="position:relative;width:7px;height:7px;background:#0098f0;font-size:7px;visibility:visible"></div> <div style="position:relative;width:7px;height:7px;background:#0098f0;font-size:7px;visibility:visible"></div> <div style="position:relative;width:7px;height:7px;background:#0098f0;font-size:7px;visibility:visible"></div> <div style="position:relative;width:7px;height:7px;background:#0098f0;font-size:7px;visibility:visible"></div> <div style="position:relative;width:7px;height:7px;background:#0098f0;font-size:7px;visibility:visible"></div> <div style="position:relative;width:7px;height:7px;background:#0098f0;font-size:7px;visibility:visible"></div> <div style="position:relative;width:7px;height:7px;background:#0098f0;font-size:7px;visibility:visible"></div> <div style="position:relative;width:8px;height:8px;background:#0098f0;font-size:8px;visibility:visible"></div> <div style="position:relative;width:8px;height:8px;background:#0098f0;font-size:8px;visibility:visible"></div> <div style="position:relative;width:8px;height:8px;background:#0098f0;font-size:8px;visibility:visible"></div> <div style="position:relative;width:8px;height:8px;background:#0098f0;font-size:8px;visibility:visible"></div> <div style="position:relative;width:8px;height:8px;background:#0098f0;font-size:8px;visibility:visible"></div> <div style="position:relative;width:8px;height:8px;background:#0098f0;font-size:8px;visibility:visible"></div> <div style="position:relative;width:9px;height:9px;background:#0098f0;font-size:9px;visibility:visible"></div> </div> <SCRIPT LANGUAGE="JavaScript"> var Clrs = new Array(6); Clrs[0] = '0098f0'; Clrs[1] = '0098f0'; Clrs[2] = '0098f0'; Clrs[3] = '0098f0'; Clrs[4] = '0098f0'; Clrs[5] = '0098f0'; var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var Xs = 200; var Ys = 400; if (document.layers) { window.captureEvents(Event.MOUSEMOVE); } if (document.all) { function MoveHandler() { Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt) { Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function Comet() { if (document.all) { yBase = window.document.body.offsetHeight / 4; xBase = window.document.body.offsetWidth / 4; } else if (document.layers) { yBase = window.innerHeight / 4; xBase = window.innerWidth / 4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { step = 3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai = 0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background = Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) { //number of NS layers! step = 6; var templayer = "a"+j; document.layers[templayer].top = Ypos + yBase*Math.cos((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor = Clrs[c]; } } currStep += step; setTimeout("Comet()", 45); } Comet(); </script>

Cursor Confeti

<SCRIPT LANGUAGE="JavaScript1.2"> var ver = navigator.appVersion; var dom = document.getElementById ? 1 : 0; var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0; var n = (document.layers); var ie = (document.all); var sparksAflyin = 0; var totalSparks = 0; var sparksOn = 1; function initMouseEvents() { document.onmousedown = mouseDown; if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE); } function mouseDown(e) { if (sparksOn) { var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft; var mousey = (n) ? e.pageY : event.y+document.body.scrollTop; if (!sparksAflyin) { for (var k = 0; k <= 9; k++) eval('SHOW("sDiv'+k+'")'); sparksAflyin = 1; totalSparks = 0; for(i = 0;i <= 9; i++) eval('moveTo('+i+',0,'+mousex+','+mousey+')'); } } } function moveTo(i,j, mousex, mousey){ if (j < eval('anim_'+i+'_x.length') ){ var tempx = eval('anim_'+i+'_x[j]+mousex'); var tempy = eval('anim_'+i+'_y[j]+mousey'); if (ie) { if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop)) tempy = document.body.offsetHeight+document.body.scrollTop-30; if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft)) tempx = document.body.offsetWidth+document.body.scrollLeft-30; eval('document.all.sDiv'+i+'.style.left = tempx;'); eval('document.all.sDiv'+i+'.style.top = tempy;'); } if (n) { eval('document.layers.sDiv'+i+'.left = tempx;'); eval('document.layers.sDiv'+i+'.top = tempy;'); } j++; // timeout: 50 = fireworks speed, larger number = slower speed setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50) } else { eval('HIDE("sDiv'+i+'")'); totalSparks++; } if (totalSparks == 10) { sparksAflyin = 0; totalSparks = 0; } } function SHOW(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "visible";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "visible";'); } function HIDE(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "hidden";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "hide";'); } anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0); anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80); anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181); anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18); anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253); anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127); anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189); anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211); anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201); anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288); anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248); anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274); anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257); anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175); anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68); anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109); anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188); anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287); anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273); // End --> </script> OnLoad="initMouseEvents()">

Cursor Con tiralíneas

<style>  </style> <p><div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <script language="JavaScript1.2">  </script></p>

Ratón Loco

<SCRIPT> var ms=navigator.appVersion.indexOf("MSIE"); var ie4=(ms>0)&&(parseInt(navigator.appVersion.substring(ms+5,ms+6))>=4); var img=0; var img1=0; function bouge(e){ document.all.pointeur1.style.left=(event.clientX-200); document.all.pointeur1.style.top=(event.clientY+50+document.body.scrollTop); document.all.pointeur2.style.left=(event.clientX+200); document.all.pointeur2.style.top=(event.clientY-50+document.body.scrollTop); document.all.pointeur3.style.left=(event.clientX-20); document.all.pointeur3.style.top=(event.clientY-200+document.body.scrollTop); document.all.pointeur4.style.left=(event.clientX+30); document.all.pointeur4.style.top=(event.clientY+50+document.body.scrollTop); } function bougenet(e){ for (m=0;m<16;m++){ document.pointeur1.left=(e.pageX)-200; document.pointeur1.top=(e.pageY)-200; document.pointeur2.left=(e.pageX)+200; document.pointeur2.top=(e.pageY)-50; document.pointeur3.left=(e.pageX)-20; document.pointeur3.top=(e.pageY)-200; document.pointeur4.left=(e.pageX)+30; document.pointeur4.top=(e.pageY)+50; } } </SCRIPT> <div id="pointeur1" STYLE="position:absolute;top:20; left:20; height:30; width:30;"> <img src="pointeur.gif" width="30" height="30"> </style></div> <div id="pointeur2" STYLE="position:absolute;top:20; left:20; height:30; width:30;"> <img src="pointeur.gif" width="30" height="30"> </style></div> <div id="pointeur3" STYLE="position:absolute;top:20; left:20; height:30; width:30;"> <img src="pointeur.gif" width="30" height="30"> </style></div> <div id="pointeur4" STYLE="position:absolute;top:20; left:20; height:30; width:30;"> <img src="pointeur.gif" width="30" height="30"> </style></div> <script> if (ie4>0){ document.onmousemove = bouge;} else{ document.captureEvents(Event.MOUSEMOVE); document.onmousemove = bougenet; } </script>
-------------------------------------------------------------------------------
Efectos texto

Texto Encriptado (Simula que lo está)

<script language=javascript> var data="A45C$kD?G~HJ¡nK#N¿01a23@5ç67*8"; //var data="caracteres a incluir para el efecto" var done=1; function Desencr(DesencrText, max, delay){ if (done){ done = 0; Desencr_helper(DesencrText, max, delay, 0, max); } } function Desencr_helper(DesencrText, runs_left, delay, charvar, max){ if (!done){ runs_left = runs_left - 1; var status = DesencrText.substring(0,charvar); for(var current_char = charvar; current_char < DesencrText.length; current_char++){ status += data.charAt(Math.round(Math.random()*data.length)); } if(document.layers){ writeText="document.textoDes.document.write('')" closeDesencr="document.textoDes.document.close()" finelineColor="" finelineSize="" finelineFont="" }else if (document.all){ writeText='document.all.textoDes.innerText=status' finelineSize='document.all.textoDes.style.fontSize=12' //tamaño de la fuente closeDesencr="" finelineColor="document.all.textoDes.style.color='#ffffff'" //color del texto finelineFont="document.all.textoDes.style.fontFamily='verdana'" //fuente de texto } eval(writeText);eval(closeDesencr);eval(finelineSize);eval(finelineFont);eval(finelineColor) var rerun = "Desencr_helper('" + DesencrText + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");" var new_char = charvar + 1; var next_char = "Desencr_helper('" + DesencrText + "'," + max + "," + delay + "," + new_char + "," + max + ");" if(runs_left > 0){ setTimeout(rerun, delay); }else{ if (charvar < DesencrText.length){ setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1))); }else{ done = 1; } } } } //funcion escribe (aqui va el texto , la variación del nº de caracteres y el tiempo de decodificación ) function escribe(){ Desencr('BIENVENIDOS A CÓDIGO WEB.',2,5); } </SCRIPT> <BODY onload="escribe()" scroll="no">

Texto Estelar

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

Texto Saltarín

<script> mes=new Array();mes[0]=-1;mes[1]=-4;mes[2]=-7;mes[3]=-10;mes[4]=-7;mes[5]=-4;mes[6]=-1;num=0;num2=0;txt="";function jump0(){if(message.length > 6){for(i=0;i != message.length;i++){txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};jump.innerHTML=txt;txt="";jump1a()};else{alert("Your message is to short")}};function jump1a(){n0.style.left=-num2;if(num2 != 9){num2=num2+3;setTimeout("jump1a()",50)};else{jump1b()}};function jump1b(){n0.style.left=-num2;if(num2 != 0){num2=num2-3;setTimeout("jump1b()",50)};else{jump2()}} function jump2(){txt="";for(i=0;i != message.length;i++){if(i+num > -1 && i+num < 7){txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"};else{txt=txt+"<span>"+message.charAt(i)+"</span>"}};jump.innerHTML=txt;txt="";if(num != (-message.length)){num--;setTimeout("jump2()",50)};else{num=0;setTimeout("jump0()",50)}} </script> <center><h1><div id="jump" style="cursor:hand;color:red" onclick="location='http://www.elnuker.cjb.net';"></div></h1></center> <script> message=" !!! EL NUKER !!!" jump0() </script>

Texto Parpadeante

<script language="JAVASCRIPT"> TE1="¡Hola! ¿Como Está Usted?"; TE2=" ...."; M=TE1; cnt=0; function SH(){ document.Switch.A.value=M; cnt++; if(cnt==1 && M==TE1){M=TE2;} if(cnt==2 && M==TE2){cnt=0;M=TE1;} setTimeout("SH()",500); } // --> </script> <form name="Switch"> <div align="center"><center><p><font color="#008000" face="Verdana"><input name="A" size="26" style="color: #990066; font-weight: bold; font-family: Verdana, Arial; background-color: rgb(255,255,255); border: 2px outset rgb(0,128,0); margin-top: auto; padding-left: 5px"> </font><script language="JAVASCRIPT">  </script></font></p> </center></div> </form>

Texto Que Late

<span id="TexteBat" style="width:100%"> <h1>Your text</h1> </span> </center> <script>  </script>