Volver Página de inicio La Web de Maxdark_79

Javascripts

EFECTO ESPECIAL EN EL TITULO DE LA VENTANA

Este código te genera un efecto en el área donde sale el nombre del documento. El texto que tu quieres saldrá como en un scroll. Tienes que poner este código justo debajo de </title>:

UN TECLEO EN UN CUADRO DE TEXTO
Este código te creerá un cuadro de texto donde dentro aparece texto en forma de maquina de escribir. Se pone dentro de las etiquetas <head> y </head>:

CAMBIA EL COLOR DEL SCROLL (SOLO IE 5.5 O MAS)
Este código cambiara la apariencia de las barras de desplazamiento a un color diferente. Pon este codigo justo debajo de </title>:

FECHA ACTUAL
Este código pondrá la fecha correspondiente dependiendo de la fecha que esta configurado en el ordenador del visitante. Se tiene que poner en el lugar donde quieras que aparezca la fecha:

MENSAJITO DE VOTACIÓN
Si quieres que la gente te vote mas a menudo solo tienes que agregar este código y tus votos irán disparados. Es un código que al entrar en la Web te pide que votes y tiene la opción de ACEPTAR y de CANCELAR. Tienes que ponerlo entre el <head> y el </head>:

TECLEO EN LA BARRA DE ESTADO
Quieres aclarar algunas cosillas en tu Web o solo quieres pedirle a la gente que te voten. Pon este código y saldrá mensajitos en la barra de estado. Pon el código entre el <head> y el </head>:

TEXTO MOVIENDO DE DERECHA A IZQUIERDA EN LA BARRA DE ESTADO
Quieres aclarar algunas cosillas en tu Web o solo quieres pedirle a la gente que te voten. Pon este código y saldrá mensajitos uno tras el otro en movimiento de derecha a izquierda en la barra de estado. Pon el código entre el y el :

<SCRIPT> var ShowString = " " + "Pon tu primer texto aqui" + "Pon tu segundo texto aqui" + "Si quieres agregar mas solo tienes que seguir asi" var ShowWidth = 100 var ShowHead = 0 var ShowTail = ShowWidth var ShowLength = ShowString.length function Marquee () { var DisplayString if (ShowHead < ShowTail) DisplayString = ShowString.substring(ShowHead, ShowTail) else DisplayString = ShowString.substring(ShowHead, ShowLength) + ShowString.substring( 0, ShowTail) ShowHead = (ShowHead + 1 ) % ShowLength ShowTail = (ShowTail + 1 ) % ShowLength window.status = DisplayString TimerID = setTimeout("Marquee()", 100) //Change the number to change the speed (the fewer, the faster) } </SCRIPT>

HORA Y FECHA EN LA BARRA DE ESTADO
También puedes poner la hora y fecha en la barra de estado. El código hay que ponerlo entre <head> y </head>:

UN SCROLL DE CONTENIDO
Con este código podrás poner cosas importantes en un tipo scroll. Este código hace referencia a un html. Tienes que poner el código entre <body> y </body> en el lugar que quieras que salga el scroll. (Un ejemplo esta a la derecha):

DESHABILITA EL BOTÓN DERECHO
Con este código podrás "proteger" tu código fuente, imágenes, vínculos, etc. Al darle al botón derecho por algún lado saldrá un mensajito. Hay que poner el código entre <head> y </head>:

ALERTS

UTILIDADES

Para añadir tu página a Favoritos
<script language="JavaScript"></script>

Para recomendar la página
<form name="eMailer"> ENVÍA ESTA PÁGINA A UN AMIGO <br> Indica su e-mail: <br> <input type="text" name="address" size="25"> <br> <input name="button" type="button" onClick="mailThisUrl();" value="Send this URL"> </form> <script language="JavaScript1.2"> // (C) 2000 www.CodeLifter.com // Este y otros muchos javascripts // los encontraras en MundoJavascript.com var good; function checkEmailAddress(field) { // the following expression must be all on one line... var goodEmail = field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\..{2,2}))$)\b/gi); if (goodEmail){ good = true } else { alert('Por favor introduce un e-mail valido') field.focus() field.select() good = false } } u = window.location; m = "Pienso que te puede interesar esta página..."; function mailThisUrl(){ good = false checkEmailAddress(document.eMailer.address) if (good){ // the following expression must be all on one line... window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u; } } </script>

Imprimir página
<SCRIPT Language="Javascript"> /* This script is written by Eric (Webcrawl@usa.net) visita www.zoneweb.es.vg */ function printit(){ if (window.print) { window.print() ; } else { var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; document.body.insertAdjacentHTML('beforeEnd', WebBrowser); WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = ""; } } </script> <SCRIPT Language="Javascript"> var NS = (navigator.appName == "Netscape"); var VERSION = parseInt(navigator.appVersion); if (VERSION > 3) { document.write('<form><input type=button value="Imprimir" name="Print" onClick="printit()"></form>'); } </script>

Indica la última actualización de la página
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

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

Detalles de usuario
<script language=javascript>  </script>

Conversor de RGB a Hexadecimal
Este código entre las etiquetas <head> y </head>
<SCRIPT LANGUAGE="JavaScript">   </script>

EFECTOS

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

Texto sirena (se ilumina de derecha a izquierda)
Este código entre las etiquetas <head> y </head>
<script> mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk[num]}}}; function color(begin,einde,stappen,stap){ hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1)); hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3)); hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5)); pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1)); pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3)); pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5)); if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap); ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1-(Math.floor(ff1/16)*16))+"\'");} ;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap); ff1=eval("\'"+mes(Math.floor(ff1/16))+"\'")+eval("\'"+mes(ff1-(Math.floor(ff1/16)*16))+"\'");} if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap); ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2-(Math.floor(ff2/16)*16))+"\'");} ;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap); ff2=eval("\'"+mes(Math.floor(ff2/16))+"\'")+eval("\'"+mes(ff2-(Math.floor(ff2/16)*16))+"\'");} if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap); ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3-(Math.floor(ff3/16)*16))+"\'");} ;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap); ff3=eval("\'"+mes(Math.floor(ff3/16))+"\'")+eval("\'"+mes(ff3-(Math.floor(ff3/16)*16))+"\'");} ;return ff1+ff2+ff3} bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){ for(i=0;i != Math.floor(message.length/2);i++){txt[i]=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)}; for(i=Math.floor(message.length/2);i != message.length;i++){txt[i]=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))}; lightf1()} function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>" }};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)} </script>

Texto en arco iris
Este código entre las etiquetas <head> y </head>
<script language="JavaScript"> /* TEXTO ARCO IRIS Si buscas Rutinas Javascript no te olvides de visitar MundoJavascript.com!! */  </script>

Texto orbital
<SCRIPT LANGUAGE="JavaScript">      </script>

Texto que se expande
<SCRIPT LANGUAGE="JavaScript">      </script>

SCROLLS / MARQUESINAS

Scroll de texto simple
<SCRIPT LANGUAGE="JavaScript">    </script>

Marquesina junto al cursor
<SCRIPT language="JavaScript1.2">  </SCRIPT>
Este código entre las etiquetas <body> y </body>

Este código entre las etiquetas <body> y </body>
<div id="tickertape"> <div id="subtickertape" class="subtickertapefont">Initializing...</div> </div> <script language="JavaScript1.2"> /* Java.Website */ //default speed is 4.5 seconds, Change that as desired var speed=4500 var news=new Array() news[0]="<a href='http://www..enlace1.net.ar'>Enlace1</a>" news[1]="<a href='http://www.enlace2.com'>Enlace2</a>" news[2]="<a href='http://www.enlace3.com'>Enlace3</a>" //expand or shorten this list of messages as desired i=0 if (document.all) tickerobject=document.all.subtickertape.style else tickerobject=document.tickertape.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.tickertape.document.subtickertape.document.write('<span class="subtickertapefont">'+news[i]+'</span>') document.tickertape.document.subtickertape.document.close() } else document.all.subtickertape.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; RunFader(); } function RunFader() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('RunFader()',50); } step++; } </script>

Scroll de noticias vertical
<script language="JavaScript1.2"> // ancho var marqueewidth=500 // alto var marqueeheight=20 // velocidad var speed=1 // contenido var marqueecontents='AQUÍ EL CÓDIGO HTML QUE QUIERAS' if (document.all) document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write(marqueecontents) document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.height scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.top-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.top=marqueeheight scrollit() } } window.onload=regenerate2 </script>

Texto intermitente en marquesina
<script language="JAVASCRIPT">  </script><form name="Switch"> <div align="center"> <center><p> <font color="#008000" face="Verdana"> <input name="A" size="26" style="color: #339966; 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><p><p></p> </center></div> </form>

VENTANAS

ANIMACIONES

Texto Shockwave
<script language="JavaScript1.2"> var size =18; var speed_between_messages=1500 //en milisegundos var tekst = new Array() { tekst[0] = "Texto ShockWave de MundoJavascript.com"; tekst[1] = "Puedes colocar el texto que quieras"; tekst[2] = "Puedes cambiar el tamaño"; tekst[3] = "Puedes cambiar la velocidad"; } var klaar = 0; var s = 0; var veran =0; var tel = 0; function bereken(i,Lengte) { return (size*Math.abs( Math.sin(i/(Lengte/3.14))) ); } function motor(p) { var output = ""; for(w = 0;w < tekst[s].length - klaar+1; w++) { q = bereken(w/2 + p,16); if (q > size - 0.5) {klaar++;} if (q < 5) {tel++; if (tel > 1) { tel = 0; if (veran == 1) { veran = 0; s++; if ( s == tekst.length) {s = 0;} p = 0; if (window.loop) {clearInterval(loop)} loop = motor(); } } } output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>"; } for(k=w;k<klaar+w;k++) { output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>"; } idee.innerHTML = output; } function startmotor(p){ if (!document.all) return var loop = motor(p); if (window.time) {clearInterval(time)} if (klaar == tekst[s].length) { klaar = 0; veran = 1; tel = 0; var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages); }else { var time =setTimeout("startmotor(" +(p+1) + ")", 50); } } </script> <div ID="idee"></div>
Este código entre las etiquetas <body> y </body>

Texto haciendo olas
<script language="JavaScript1.2"> /* Nudging text by Matthias (matthiasdeschagt@hotmail.com) Este y otros scripts los puedes encontrar en MundoJavascript.com */ //configure message message="Bienvenido a MundoJavascript.com" //animate text in NS6? (0 will turn it off) ns6switch=1 var ns6=document.getElementById&&!document.all 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 (ns6&&!ns6switch){ jump.innerHTML=message return } 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(){ nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0 nfinal.style.left=-num2; if(num2 != 9){ num2=num2+3; setTimeout("jump1a()",50) } else{ jump1b() } } function jump1b(){ nfinal.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> <h2><div id="jumpx" style="color:green"></div></h2> <script> if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) </script>

Texto de Neón
<h2> <script language="JavaScript1.2"> /* Neon Lights Text Mundo Javascript www.precios10.com/mundojavascript */ var message="Escribe tu texto NEON" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds ///No need to edit below this line///// 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>') //cache reference to neonlight array var tempref=document.all.neonlight } else document.write(message) function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor } //cycle through and change individual letters to neon color 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> </h2>

document.write "Este documento fue actualizado por última vez en: " document.write document.lastmodified