Códigos JavaScript y códigos para páginas web

Código JavaScript Reloj Analógico
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuenta en las etiquetas
donde debe ser colocado. Presta atención también si hay que incluir alguna variable en la etiqueta <body ...>.
Para copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.

Código JavaScript Reloj Digital

Código JavaScript Averiguar fecha

Código JavaScript Menú deslizable desde la izquierda

Código JavaScript menú oculto que aparece desde la izda

Código JavaScript menú barra desplazable

Código JavaScript Menú-Barra con botones para desplazar

Código JavaScript Menú con directorios desplegables

Estrella persiguiendo al puntero

Ver demostración

Conjunto de estrellas persiguiendo el cursor

Ver demostración

Conjunto de bolas (o lo que quieras) persiguiendo el cursor

Ver demostración

Anular botón de la derecha

Ver demostración

Anular botón de la izquierda

Ver demostración

Anular botón de la derecha y la izquierda

Ver demostración

Código JavaScript para rotar una imagen con su link cada cierto tiempo

Código JavaScript para rotar una imagen con su link cada cierto tiempo

Código JavaScript para rotar una imagen con su link y texto cada vez que se entra

Cambiar el color de la barra de desplazamiento

Código JavaScript que muestra texto en barra de estado

Código JavaScript que muestra texto en barra de estado

Código JavaScript ocultar dirección barra de estado

Listado de enlaces cambiando el color de resalte

Combobox para elegir link, con la opción de que sea en una nueva ventana

Código JavaScript
Inserta el código en la parte de la página donde proceda. Respeta a sus autores y ten en cuanta en las etiquetas
donde debe ser colocado. Ten en cuenta también si hay que incluir alguna variable en la etiqueta <body ...>. Para
copiarlo tan sólo debes pulsar el botón copiar texto y lo tendrás en el portapapeles.

Código JavaScript

Código JavaScript

Código JavaScript

Código JavaScript

Cambiar el cursor

Código que cambia el cursor dentro de la pagina o enlace. Probado con IE 6.


<style type="text/css">
BODY { cursor:url('cursor.cur'); }
</style>


<a href=# style="CURSOR: url('cursor.cur')">

Iniciar sessión en Hotmail
Este código permite iniciar sesión Hotmail por medio de Loginnet.Passport.Com
Probado en IE6

<body text="#00FF00" bgcolor="#000000">
<form action=http://www.hotmail.com/cgi-bin/start/>
<p align="center"><font color="#00FF00" size="5">Este código permite iniciar sesión Hotmail por
medio de Loginnet.Passport.Com</font></p>
<p align="center">
<input type="submit" value="Iniciar sesion hotmail" STYLE="background:#000000;
color:#33FF33; border:1px solid #993300; width:286px;">
</p>
</form>
</body>

Insertar Reproductor Windows Media en una web
Código que muestra como reproducir un fichero MP3 en una web con el reproductor Windows Media.
Unicamente funciona en Internet Explorer

<object id="MediaPlayer"
type="application/x-oleobject" height="42" standby="Instalando Windows Media Player ..."
width="138" align="absMiddle" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="FileName" value="http://www.purevolume.com/downloads/1368424/Oveja_negra-
Nunca_mas_.mp3">
</param><param name="AutoStart" value="true">
</param><param name="volume" value="3">
</param><param name="EnableContextMenu" value="1">
</param><param name="TransparentAtStart" value="false">
</param><param name="AnimationatStart" value="false">
</param><param name="ShowControls" value="true">
</param><param name="ShowDisplay" value="false">
</param><param name="ShowStatusBar" value="false">
</param><param name="autoSize" value="false">
</param><param name="displaySize" value="true">
</param></object>

Tipo de bordes

Style que permite cambiar el tipo de borde en una tabla.

<TABLE STYLE="BORDER:DASHED 10PX LIME">
<TR><TD>QUE HACES TODOS USTEDES</TD></TR>
</TABLE>

QUE HACES TODOS USTEDES

<TABLE STYLE="BORDER:GROOVE 10PX LIME">
</TABLE>


<TABLE STYLE="BORDER:RIDGE 10PX LIME">
</TABLE>


<TABLE STYLE="BORDER:DOUBLE 10PX LIME">
</TABLE>


<HTML>
<HEAD><TITLE>Generador de Meta-Tags</TITLE>
<STYLE>
TD {
font-size : 12pt;
font-family : new times roman;
text-align : left;
color:#82ABC8;
}
BODY {
scrollbar-face-color:#786573;
scrollbar-highlight-color:#82ABC8; scrollbar-3dlight-color:#AA659B;
scrollbar-darkshadow-color:#645150; scrollbar-shadow-color:#AA97B9;
scrollbar-arrow-color:#AA97B9; scrollbar-track-color:#786F7D;
color : yellow;
font-size : 12pt;}
</STYLE>

<script>

function gene() //Funcion encargada de crear la meta-tags
{
var gnra = document.generar.titulo.value
var aut = document.generar.autor.value
var desc = document.generar.descripcion.value
var cont = document.generar.contenido.value
var robot1=document.generar.robots.value
var rango1=document.generar.rango.value
var visi=document.generar.visitar.value



gnra = "<HEAD>" + "n" + "<TITLE>" + document.generar.titulo.value + "</TITLE>"
aut = "<META NAME='Author' CONTENT='" +document.generar.autor.value + "'>"
desc = "<META NAME='Description' CONTENT='" + document.generar.descripcion.value + "'>"
cont = "<META NAME='Keywords' CONTENT='" + document.generar.contenido.value + "'>"
robt="<META NAME='Robots' CONTENT='" + document.generar.robots.value + "'>"
ran="<META NAME='Rating' CONTENT='" + document.generar.rango.value + "'>"
visi="<META NAME='Revisit' CONTENT='" + document.generar.visitar.value + " DAYS" + "'>"
cach="<META HTTP-EQUIV='pragma' CONTENT='" + document.generar.cache.value + "'>" +
"n" + "</HEAD>"
{

</select>
<td>
<legend align="left">Autor</legend>
<input type="text" name="autor" value="Aquí puede ser tu nombre, mail o url" size="50"
STYLE="background:#50474B;border:0px solid #AABFDC; color:#B4D3F0;">
</fieldset>
<tr>
<td>
Visitar en:
<select name="visitar" STYLE="background:#786573; color:#B4D3F0;">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
</select>
<td>
<legend align="left">Descripción</legend>
<input type="text" name="descripcion" value="Aquí la descripción de tu sitio"
size="50"STYLE="background:#50474B;border:0px solid #AABFDC; color:#B4D3F0;">
</fieldset>

<tr>
<td>
Cache:
<select name="cache" STYLE="background:#786573; color:#B4D3F0;">
<option value="no-cache">No
<option value="cache">Si
</select>
<IMG src=meta.gif>
<td>
<legend align="left">Contenido</legend>
<input type="text" name="contenido" value="Aquí el contenido de tu web. Ejemplo: script,
html, asp, java" size="50" STYLE="background:#50474B;border:0px solid #AABFDC;
color:#B4D3F0;">
</fieldset>
<TEXTAREA name="ver" value="" rows="10" cols="90" STYLE="background:#786F7D;
border:1px solid #AABFDC; color:#AAE7F5; font-family : times new roman; font-size:10pt;">
</TEXTAREA><br>
<input type="button" value="Generar Meta -Tags" onclick="gene();"
STYLE="background:#786573; border:1px solid #AABFDC; color:#B4D3F0; width:152px;">
<input type="button" value="Copiar Meta -Tags" onclick="copiar(document.generar.ver);"
STYLE="background:#786573;border:1px solid #AABFDC; color:#B4D3F0; width:152px;">
<input type="reset" value="Borrar Meta - Tags" STYLE="background:#786573; border:1px solid
#AABFDC; color:#B4D3F0; width:155px;">
</form></table></center>

</BODY>
</HTML>

<HTML>
<HEAD><TITLE>Muestra el tiempo de estancia en la web</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hora = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hora = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hora = 12;
} else if (hrNow >= 13) {
hora = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hora = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hora + ":" + min + ":" + secs + ap;
document.clock.timeInfo.value = time;
setTimeout('clock()', 1000);
}
var salirclic= 0;
function timeInfo() {
if (salirclic < 1){
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);

event.returnValue="Tu estuviste " + minsVisit + " minutos, con "+ secsVisit + " segundos. En esta
pagina gracias...";
}}
document.write("<form name="clock">"+"<input type=text name="timeInfo" size=9
style='background: navy;border:1px solid gold;color:white;font-weight:bold;'></form>");
onError = null;
clock();
// End -->
</SCRIPT>
<HEAD>
<BODY bgcolor="black" onBeforeUnload="timeInfo()";>
<FONT COLOR=red size=8>Este script muestra la hora y el tiempo que el usuario le ha dedicado a
esta web...
<br>cierra esta web o abre otro sitio para mostrar el dialogo..</FONT>

<html>
<head>
<STYLE>
A:hover {text-decoration:none;}
A:visit {color:#808080;text-decoration:none;}
A:link {color:#808080;text-decoration:none;}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Top links por corpol</title>

<script>
function detener() 
{
control.scrollAmount="0"
}
function sigue() 
{
control.scrollAmount="4"
}
</script>
</head>
<body bgcolor="#000000">


<div id="capa1" style="position:Absolute;left:5; top:10;">
<img src="imgsup.jpg">
</div>
<marquee id="control" style="LEFT: 21; POSITION: absolute; TOP: 38;"
scrollDelay=105 scrollAmount=4 direction=up width=132 height=150 onMouseover="detener();"
onMouseout="sigue();">
<font color="#FFFFFF" size="2">
Sitio de corpolmania contiene codigo libre. <a href="http://www.corpolmania.tk">site
corpolmania</a><p>
Descripcion 2<br> <a href="http://www.corpolmania.tk">Enlace</a><p>
</font></marquee>


</body>
</html>

oFormulario.codigo.value=tem;

}
//La Funcion desc sera para descodificar la Palabra ya codificado
function desc(oFormulario)
{
var temp=oFormulario.codigo.value;
var tem="";
for(var i=0;i<temp.length;i++)
{
if(temp.charCodeAt(i)==32)
tem=tem+" ";
else
tem=tem+String.fromCharCode(temp.charCodeAt(i)-1);

}

oFormulario.descodigo.value=tem;

}

function limp(oFormulario)
{
oFormulario.palabra.value="";
oFormulario.codigo.value="";
oFormulario.descodigo.value="";

}

</script>

<form id="form1" name="form1" method="get">

<p align="center" class="Estilo2"><strong>Nociones de Encriptacion y Desincriptacion de datos
</strong></p>
<p class="Estilo3">Este codigo nos va dar una vision de encriptacion de datos, lo que vamos hacer
es escribir todo lo que deseamos codificar en el tercer textarea "palabra", una vez hecho
se aplasta el boton codificar lo cual se va encargar de escribir en el primer textarea
"codigo" el valor ya codificado.</p>
<p class="Estilo3">Para comprobar si este es el valor ya codificado, presionamos el boton
descodificar lo cual se va encargar de escribir en el segundo textarea"descodigo" el
valor descodificado. </p>
<table width="626" border="1">
<tr>
<td width="262"><span class="Estilo1 Estilo2">Codificado:</span></td>
<td width="348"><span class="Estilo3">

<textarea name="codigo" cols="50" rows="3"></textarea>
</span></td>
</tr>
<tr>
<td><span class="Estilo2">Descodificado </span></td>
<td><textarea name="descodigo" cols="50" rows="3"></textarea></td>
</tr>
<tr>
<td><span class="Estilo1 Estilo2">Ingrese </span></td>
<td><textarea name="palabra" cols="50" rows="3" ></textarea></td>
</tr>
</table>
<p class="Estilo3"> </p>
<p>
<input name="limpia" type="button" onClick="limp(document.form1)" value="Limpiar"
size="12"/>
<input type="button" name="Codificar" value="Codificar"
onClick="co(document.form1)"/>
<input type="button" name="descodificar" value="Descodificar"
onClick="desc(document.form1)"/>
</p>

</form>

Códigos JavaScript y códigos para páginas web

Códigos JavaScript y códigos para páginas web

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (20)

Similar a Códigos JavaScript y códigos para páginas web

Similar a Códigos JavaScript y códigos para páginas web (20)

Códigos JavaScript y códigos para páginas web