- Codigos javascript

Codigos javascript

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

<script> function initArray() { this.length = initArray.arguments.length for (var i = 0; i < hexchars = "0123456789ABCDEF" a =" Dec" b =" (Dec" hex = "" steps =" steps" reda =" begin.charAt(0)" red_vala =" parseInt(redA,'16');" redb =" end.charAt(0)" red_valb =" parseInt(redB,'16');" red_int =" ((red_valB" grna =" begin.charAt(2)" grn_vala =" parseInt(grnA,'16');" grnb =" end.charAt(2)" grn_valb =" parseInt(grnB,'16');" grn_int =" ((grn_valB" blua =" begin.charAt(4)" blu_vala =" parseInt(bluA,'16');" blub =" end.charAt(4)" blu_valb =" parseInt(bluB,'16');" blu_int =" ((blu_valB" step =" 2;" red =" red_valA;" grn =" grn_valA;" blu =" blu_valA;" bgcolor =" begin;">= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end; } </script> </head><body> <script>  </script>

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> <input type="button" value="Entra" onclick="loadpage()" name="button"> </center> </form>

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

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

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

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

Imagen de cursor con estela

<body> <script language="JavaScript1.2">  </script> </body></textarea> Fecha en la barra de estado <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) dname="=" dia = "Domingo" dname="=" dia = "Lunes" dname="=" dia = "Martes" dname="=" dia = "Miércoles" dname="=" dia = "Jueves" dname="=" dia = "Viernes" dname="=" dia = "Sábado" mname="=" mes = "Enero" mname="=" mes = "Febrero" mname="=" mes = "Marzo" mname="=" mes = "Abril" mname="=" mes = "Mayo" mname="=" mes = "Junio" mname="=" mes = "Julio" mname="=" mes = "Agosto" mname="=" mes = "Septiembre" mname="=" mes = "Octubre" mname="=" mes = "Noviembre" mname="=" mes = "Diciembre" defaultstatus = "vete a la goma hoy ke estamos a "></textarea> Fraze de tipo serpiente persigue a raton : <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; camada =" eval(" posleft="xpos[i]" postop="ypos[i]" espera="=" i="texto.length-1;">=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; camada =" eval(" left="xpos[i]" top="ypos[i]" timer="setTimeout("> <script language="JavaScript"> for (i=0;i<=texto.length-1;i++) { document.write("") document.write(texto[i]) document.write("") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = seguir; animar_cursor() </script>

Fecha

<script language="JavaScript"> // -- made by A1javascripts.com, please keep these credits when using this script days = new Array(7) days[1] = "Domingo"; days[2] = "Lunes"; days[3] = "Martes"; days[4] = "Miercoles"; days[5] = "Jueves"; days[6] = "Viernes"; days[7] = "Sabado"; months = new Array(12) months[1] = "Enero"; months[2] = "Febrero"; months[3] = "Marzo"; months[4] = "Abril"; months[5] = "Mayo"; months[6] = "Junio"; months[7] = "Julio"; months[8] = "Agosto"; months[9] = "Septiembre"; months[10] = "Octubre"; months[11] = "Noviembre"; months[12] = "Diciembre"; today = new Date(); day = days[today.getDay() + 1] month = months[today.getMonth() + 1] date = today.getDate() year=today.getYear(); if (year < year =" year" face="Verdana" size="2">" + day + ", " + month + " " + date + ", " + year + "") // -- end hiding </script> 

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 < sizewidth =" 1;" location =" endereco;}" location =" endereco;}"> <a href="index.htm" onclick="janelanimada('index.htm');return false;">Principal</a> 

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="'" /></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="'" /></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 < c="Math.round(Math.random()*[i])}" iniciar="abc[C];" ypos="10;" xpos="10;" movimento =" 60;" caminho="movimento+=" y =" 4*Math.sin(caminho*Math.PI/180);" x =" 6*Math.cos(caminho*Math.PI/180);" top="ypos+window.pageYOffset;" left="xpos+window.pageXOffset;" top="ypos+document.body.scrollTop;" left="xpos+document.body.scrollLeft;" t="setTimeout('moveR()',50);">= 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> 

Frase firme sigue ratón

<html> <head> <title>Cursor 8</title> </head> <body> <script language="JavaScript1.2"> </object></layer></div></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&amp;l=NE&amp;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" /></textarea> Textos en la barra de estado como si fueran máquina de escribir <textarea name="textarea2" id="textarea" rows="2" cols="34"> <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 < partialmessage =" text.substring(0," status =" partialMessage" timerid =" setTimeout(" bannerrunning =" true" offset =" 0" currentmessage ="=" currentmessage =" 0" timerid =" setTimeout(" bannerrunning =" true"> </script></textarea> Marquesina que pone dos mensajes <textarea name="TextArea1" id="TextArea1" rows="2" cols="34"><script language="JavaScript"> 0) { shift(); setTimeout("scroll()",65) // 65 tiempos de display entre letras // } else { if (countb-->0) { if ((countb % 2)==0) { document.scrform.scrtext.value= " " setTimeout("scroll()",250) //250 tiempos de Flash para el primer mensaje// } else { document.scrform.scrtext.value= scrtxt; if (countb==1) { setTimeout("scroll()",2000)} //2000 tiempo de retardo para que aperezca mensaje despues de flash// else { setTimeout("scroll()",250)} // retardo de flashing para que comienze el mensaje // } } else { now= new Date(); n= 1+Math.floor(nmsg*Math.abs(Math.sin(now.getTime()))); if (n>nmsg) { n= nmsg} scrtxt= message[n]; lentxt= scrtxt.length; count= lentxt+width+1; setTimeout("scroll()",150) //150 tiempo de retardo para mostrar el segundo mensaje // } } } // --> </script> <center> <form name="scrform" onsubmit="0"> <input type="text" name="scrtext" size="60"> </form> <script> scroll();</script> Esta marquesina le entrega 2 mensajes. </center>

Una marquesina sigue al mouse

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