Murci�lagos volando por la p?gina

Si no te decidiste por los fantasmas en el blog quiz? quieras que unos murci�lagos se paseen por toda la p?gina para darle ese toque de terror a este Halloween.

Estos peque?os mam?feros se desplazar?n por toda la p?gina aun cuando bajemos el scroll. Al inicio ir?n volando juntos pero poco a poco se ir?n dispersando por toda la p?gina.
Puedes verlos en este blog de pruebas.

Para poner estos murci�lagos volando en el blog, entra en la Edici?n de HTML y antes de </head> pega este script:

<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Murci�lagos volando por el blog
* Script original de Virtual_Max
* Adaptado por ciudadblogger.com
***********************************************/

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;
}
else if (document.body){
pageX=iecompattest().scrollLeft;
pageW=iecompattest().offsetWidth-40;
pageY=iecompattest().scrollTop;
pageH=iecompattest().offsetHeight-20;
}

chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}

document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}

function pagestart(){
murcielago1=new Chip("murcielago1",147,168);
murcielago2=new Chip("murcielago2",47,68);
murcielago3=new Chip("murcielago3",47,68);
murcielago4=new Chip("murcielago4",47,68);

movechip("murcielago1");
movechip("murcielago2");
movechip("murcielago3");
movechip("murcielago4");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>

Ahora antes de </body> pega este c?digo:

<!-- Murci�lagos volando -->
<div id='murcielago1' style='position:absolute; z-index:80; left: -500px; width:125px; height:108px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXVXvZtEathhrNXiyiCyV4_S0KdUg4txbSnB8_7qn5cgn7s1TJ0gDqKvisA3aex7PxdYoq8FSZeRxr0XvWBra4KYUDiA_m_38mO5Q8TQfN2Td3YsHGn0hMRJmepq8dh5lvJiinu6iVzhc/s125/murcielago1.gif'/></div>
<div id='murcielago2' style='position:absolute; z-index:81; left: -600px; width:120px; height:99px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkA-on_XC5wHJJ2zZnVfRk8C8H2odwi5WEKIRV_TVKnZ7hzHYu0n7KS9-Bnm7dO7ijL6uTCaLstjMFH8x-r3zgVIb8z7aJZSllOWApQK4c29g9WCm2t0zZfxaN6w6VUa-MWRiv9N6zgbE/s120/murcielago2.gif'/></div>
<div id='murcielago3' style='position:absolute; z-index:82; left: -700px; width:160px; height:120px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6wNn1WGg9INzRNDteZAkOGIst8opYAPlQgKEq6mI-Bd56dmD5P36dOe5V_yCayoXy688HQkTCynw4VLo7SI5mXOaq2lXH49ZosqzBpmSklGYjn4A81fF4t7ypYIaLfkcLBirOC-YPtio/s160/murcielago3.gif'/></div>
<div id='murcielago4' style='position:absolute; z-index:83; left: -800px; width:106px; height:85px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW3YsugzpURTtToCVNMYMJT6RbRnwYhP1F3fjJ9EBOa5qK_yF-tOgBQrBOo7C_KX7Lgh0paoQy6KeakxfAXvN1YhFRFXqvE4jTjNSq-k9AKE8MmYZdjGeJTmh2MkVvMyoaNa9DAPwhEhE/s106/murcielago4.gif'/></div>
<!-- Fin de los murci�lagos -->

Eso es todo; es una forma sencilla de decorar el blog para la pr?xima noche de brujas. Combinado con los sonidos de Halloween seguro le dar?n un ambiente de terror a tu blog.