Imagen desplazándose por la página.

Hoy he pasado la tarde realizando una subrutina que permite mostrar una imagen en el centro de la pantalla, pero que al pasar el ratón sobre ella, se aparta, para que se pueda leer lo que figura debajo de ella.

Es ente caso hoy he puesto la imagen de mi perfil y la encontraréis por ahí, pasad el "mose" sobre ella y se apartará.

No intentéis clicar sobre ella, a fin de no realizar clicks involuntarios sobre los anuncios, ya que ello podría conllevar problemas con Adsense.

Puede servir en el caso de que queráis destacar algo en vuestra página.

Tenéis que cambiar la dirección de la imagen donde dice "document.im.src=". Si analizáis el código al final aparece un enlace a mi página de informática. Es muy pequeño y no molesta. Es la aportación que espero no os importe realizar.

Os dejo el código.

<script>

var x=1;

var pasos=100;

var actualtop;

var actualleft;

var nuevotop;

var nuevoleft;

function mueveimagen()

{

if (x<parseInt(pasos+1,10))

    {

    if (nuevoleft>actualleft)

        {

        var realleft=parseInt(actualleft,10)+parseInt((nuevoleft-actualleft)/pasos*x,10);

        }

    else

        {

       var realleft=parseInt(actualleft,10)-parseInt((actualleft-nuevoleft)/pasos*x,10);

        }

    if (nuevotop>actualtop)

        {

        var realtop=parseInt(actualtop,10)+parseInt((nuevotop-actualtop)/pasos*x,10);

        }

    else

        {

        var realtop=parseInt(actualtop,10)-parseInt((actualtop-nuevotop)/pasos*x,10);

        }

        document.im.style.top=realtop+"px";

        document.im.style.left=realleft+"px";

        x++;

    }

    else

    {

    clearInterval(t);

    }

}

function temp()

{

actualtop=parseInt(document.im.style.top,10);

actualleft=parseInt(document.im.style.left,10);

nuevotop=Math.floor(Math.random()*(screen.height-document.im.height));

nuevoleft=Math.floor(Math.random()*(screen.width-document.im.width));

x=1;

t=setInterval("mueveimagen()",10);

}

</script>

<img name="im" style="display:scroll" onmouseover="temp()" />

<script>

document.im.src="https://lh4.googleusercontent.com/-1SDcJVmSmCc/Tn7jAuGjuWI/AAAAAAAABsM/qGvsfP1rcGM/esta.gif";

document.im.width="150";

document.im.style.padding="0";

document.im.style.position="fixed";

document.im.style.zIndex="9999";

document.im.style.left=screen.width/2-document.im.width/2+"px";

document.im.style.top=screen.height/2-document.im.height/2+"px";

</script>

<a href="http://informatica-pfont.blogspot.com"><img src="https://lh6.googleusercontent.com/-i19776nm4Jo/TpXI_7rp1LI/AAAAAAAABuQ/cX16ZYBAX2o/s99/informaticapeque.gif" /> </a>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

Saludos a todos.