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
- Menú que te permite la opción de arrastrarlo por la web con un simple click
- Una viñeta de información
- Mensaje de bienvenida impresionante
- Versión imprimible de este documento
- Enviar por e-mail este documentoInformación legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.