Los anuncios que encontrará en esta página provienen todos del programa Adsense de Google, con la garantía que ello supone. Puede curiosear en ellos sin ningún problema y riesgo.

viernes, 23 de septiembre de 2011

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.

No hay comentarios:

Publicar un comentario

¿Te ha sido útil algo de lo que has visto?, si es así, deja tu comentario, en caso contrario dime que esperabas encontrar, quizá cuando vuelvas ya esté. Gracias.

Ni un ciclista más fallecido en accidente de tráfcio

Añada un gadget a su blog

Casi todo lo que se muestra en este blog es susceptible de ser usado en otras páginas o blogs. Si Ud. necesita saber como implementarlo, siga el enlace de este título.

Si no encontró lo que quería, proponga otra búsqueda.