- CODIGOS HTML 5

CODIGOS HTML 5

Barra vínculos desplazándose en vertical

var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=30;

//Begin of the unchangable area, please do not modify this area
var YY=0;  
var ch=0;
var oh=0;
var yon=0;

var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}

function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
		
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}

}

function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}

if (ie||ns4||ns6)
window.onload=onad

</script>

Agregar a favoritos en texto.

Añadir a favoritos

Código para poner página de inicio
Hacer pagina de inicio

Título cambiante

<SCRIPT LANGUAGE="JavaScript">

var message = new Array();
// Set your messages below -- follow the pattern.
// To add more messages, just add more elements to the array.
message[0] = "Mensaje 1 AQUÍ";
message[1] = "Mensaje 2 AQUÍ";
message[2] = "Mensaje 3 AQUÍ";
message[3] = "Mensaje 4 AQUÍ";
message[4] = "Mensaje 5 AQUÍ";
message[5] = "Mensaje 6 AQUÍ";
message[6] = "Mensaje 7 AQUÍ";

// Set the number of repetitions (how many times the arrow
// cycle repeats with each message).
var reps = 2;
var speed = 200;  // Set the overall speed (larger number = slower action).

// DO NOT EDIT BELOW THIS LINE.
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > <img src="http://theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" /> { s = 1;}
// you can fiddle with the patterns here...
if (s == 1) { document.title = '||||||====||| '+T+' -----'; }
if (s == 2) { document.title = '|||=|||===||| '+T+' -----'; }
if (s == 3) { document.title = '|||==|||==||| '+T+' -----'; }
if (s == 4) { document.title = '|||===|||=||| '+T+' -----'; }
if (s == 5) { document.title = '|||====|||||| '+T+' -----'; }
if (s == 6) { document.title = '|||===|||=||| '+T+' -----'; }
if (s == 7) { document.title = '|||==|||==||| '+T+' -----'; }
if (s == <img src="http://theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" /> { document.title = '|||=|||===||| '+T+' -----'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
   }
}
doTheThing();
//  End -->
</script>

Texto con resplandor
MjbSanlucar

Efecto texto

Boton con mensaje

Ver pantalla completa

Texto que va apareciendo

Texto intermitente

Bienvenid@ a MjbSanlucar

Letras luminosas

Bienvenid@

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

</script></font></h3></span>

Scroll en boton

Ventana con texto movil

Menu desplegable

Menú desplegable con opcion

Mensaje de alerta al dar clic
Haz clic aquí

Mensaje de alerta al pasar el mouse
Pasa el mouse AQUÍ

Mensaje de alerta con una imagen

Mensaje De Bienvenida
Texto por arriba de la pagina

Para el despedida (al salir de tu web).
Texto por abajo de la página

Mensaje de Cargando Página

Abrir Link y Cambia de Color

Botones web
Noticias
Calendarios

Texto en movimiento al lado del favicon

Pasa el cursor por encima, ésta cambiará de color
Demo Dynamic HTML: ejemplo práctico

Códigos

Juegos

Música

Cursos

Buscar en Bing

Botón para suscribirse a tu canal de Youtube

Marquesina con Imágenes

width:150px = Ancho de la marquesina
height:150px = Largo de la marquesina
border:2px = Tamaño del borde de la marquesina
#000000 = Color del fondo de la marquesina
#cccccc = Color del borde de la marquesina
3px = Distancia entre las imagenes