1
Cuidado por ahí!!! Son murcielagos!! en el día de hoy les traigo un gadget de murcielagos flotando por el blog. Pueden verlo en este blog de pruebas.
Para poner estos simpaticos murcielagos, entramos en la Edición de HTML y antes de</head> pegamos este script:
<script type='text/javascript'> //<![CDATA[
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>
<!-- Murciélagos volando -->Espero que les guste.
<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/AVvXsEhZ9EpUYjUN4vE3nMrczm_roByv-djE-SaLZItWmGuI-YPZRTV7p_APh1Tsofy5Ct3xzH-ZmmmHwT5z3A5ATpIPHU3OzudJX9L0mddVKe7F7uk5lqc8EsKT1emLr-y51Bqh9SYkViqhx8c/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/AVvXsEgtnBWqz-D-SQ4hjsFJ8A1Vr3NQOwial4OqNJgaUtSndh3nt5A0XXUCZfidxo32mnWWvmhC796p4q9VbOmQ21uFjK4CoLhXGZSqJzVD9OtqNg9x3Kir5fRndccBpJpmG8VoEZzRkLRld8k/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/AVvXsEhpHnQfP4dddQFqyWxpovz00fEzubTBES4Hgl1cWul6l6PwWyDWmVrXihFmscb40YRS6PcbwrV_idFlkfBHlk9lZGC5OmYZ8ExE6a1GcKVAWs4cDyuPiweaH4TBycb-mAxaORHepmVND_g/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/AVvXsEhoxILvkYvNx-u2Tsg2d5m7l27KsNOFHLqbGuD9iaflXon8qUA8vXwcUPQOILVNkZphBQWXManV8jGsxBBp5eL52Vs8Q3o_rpI535IxajFTqwb0VLvm9hxC3r5sGIYZTECttsg7Gi_I2qg/s106/murcielago4.gif'/></div>
<!-- Fin de los murciélagos -->
1 comentarios:
Una pregunta qe nada qe ver u.u qeria saber como hacer para poner el titulo de la entrada en el medio y cuando pasas el cursor por arriba qe cambie , algo asi . Podrias decirme? Gracias, beso (: