.gif&contenttype=gif)
Anime su sitio y, al mismo tiempo, dele un toque de día de San Valentín. ¿Cómo? De al apuntador de su ratón un rastro de corazones mediante este simple script. También puede usar otra imagen para sus dias "normales".
Inserte el siguiente código arriba de su página, entre las etiquetas <head> y </head>:
<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>
</HEAD>
Copie este código en el cuerpo de su página:
<SCRIPT LANGUAGE="JavaScript1.2">
var trailLength = 8;
var path = "my_image.gif";
var isIE = false, isNav = false, range = "all.", style
= ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft",
images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "",
topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image();
images[i].src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) {
(isIE) ? document.write('<div id="obj' + i + '" style="position:
absolute; z-Index: 100; height: 0; width: 0"><img src="'
+ images[i].src + '"></div>') : document.write('<layer
name="obj' + i + '" width="0" height="0"
z-index="100"><img src="' + images[i].src +
'"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style
+ topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style
+ leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
// End -->
</script>
Especifique el número de imágenes del rastro que desea después de su apuntador (en este caso 8) y el nombre de la imagen que se debe utilizar (en este caso my_image.gif).
Usuarios que han visto este tema también han visto...
- Una viñeta de información
- Una barra de desplazamiento muy elegante
- Texto haciendo la ola
- Gotas de lluvia que caen sobre su sitio
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.