EnglishFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Estás en: >> >> Cursor con imagen

Cursor con imagen

  Por Unknown  2 comments





Con este código que les brindo a continuación lo que vamos a obtener es que una imagen siga al cursor,mouse,puntero etc como le llamen con cualquier movimiento que haga.este código lo vamos a colocar entre las etiqueta <body></body>

Donde dice: var trailimage=["AQUI VA LA IMAGEN Y A CONTINUACIÓN EL ANCHO Y LA ALTURA",30,30]
         &nb
sp;         var displayduration=0      ES EL TIEMPO QUE QUIERES QUE DURE LA IMAGEN SIGUIENDO AL CURSOR 0 ES PARA SIEMPRE.



<script type="text/javascript">

<!---http://www.tubetrucos.com/--->

var trailimage=["http://dl.dropbox.com/u/25944020/baseball.gif",35,35] //image path, plus width and height
var offsetfrommouse=[10,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.

if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}

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

function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""

}

function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}

document.onmousemove=followmouse

if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)

</script>







Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

2 comentarios:

  1. curso acupuntura16 de septiembre de 2011, 18:29

    Buena iniciativa con este codigo a la gente que le gusta que su computador se vea bien esto es muy util.

    ResponderEliminar
  2. Unknown17 de septiembre de 2011, 16:58

    curso acupuntura :
    Gracias por tu comentario ese es el proposíto de ayudar a todas esas personas los cuales necesitan algo para su sitio pues aquí se los brindo de la forma mas facíl.

    ResponderEliminar