ultranight

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

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>AQUÍ TU TEXTO</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(''+thecontent+'') 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 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> <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) left="document.body.scrollLeft+event.clientX-ie5menu.offsetWidth" left="document.body.scrollLeft+event.clientX" top="document.body.scrollTop+event.clientY-ie5menu.offsetHeight" top="document.body.scrollTop+event.clientY" visibility="visible" visibility="hidden" classname="=" backgroundcolor="highlight" color="white" display_url="=" status="event.srcElement.url" classname="=" backgroundcolor="" color="black" status="''" classname="=" location="event.srcElement.url">  <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

El que se está poniendo de moda (ver unidad C)

Para webs sin frames, mantiene tu web en primer plano.

Banner rotatorio (puedes agregar los banners ke kieras)

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

Animar barra de estado

Botones animados

Animar barra de título

Poner color a las barras de desplazamiento

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

Preguntar " Cual Es Tu Nombre "

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

Fecha

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

Texto Con Zoom

<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

<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>

Ventana de alerta en tu web con un mensaje

Codigo

Mensaje de alerta mediante un boton

Ejemplo:

codigo

Bloquear IP's

- Solo pon las ip's donde dice "22.22.22.22" y "11.11.11.11". Si quieres agregar más solo ponlas entre comillas "" y en la misma linea.

Codigo:

Bloquear boton derecho

Codigo:

Bloquear boton derecho mas mensaje de alerta

Codigo:

Raspar imagen para poder verla

- Para usar este code deben poner una imagen donde dice "URL DE IMAGEN" luego pegan el codigo donde quieran que aparesca.

Codigo:

No dejar entrar a menores de edad a tu sitio web

Sitio contenido solo para mayores de edad este codigo te servida porque le pregunta la edad al visitante y si es menor de edad lo redireciona a la web que tu elijas.

Codigo:

Codigo Imprimir

Codigo

About

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

Search

Sidebar Menu

Wise Words

"We can let circumstances rule us, or we can take charge and rule our lives from within."

- Earl Nightingale

Support Styleshout

If you are interested in supporting my work and would like to contribute, you are welcome to make a small donation through the donate link on my website - it will be a great help and will surely be appreciated.

vectorlover

Javascript

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

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

About

Search

Sidebar Menu

Sponsors

Wise Words

Support Styleshout