Mouse Personalizado

Hola, quisiera que me ayuden con un pequeño problema bueno quiero hacer un mouse personalizado asi como uniqueperu.com He estado investigando y por ahi encontre que se hacen con CSS pero no explican como???....

Porfavor ayudenme..Muchas gracias de ante mano

emmmm

eso es un mouse personalizado o un acompañante???

Bueno, a mi me dijeron ue se llama mouse personalizado pero si sabes como hacerlo porfa ayudame
Gracias por tu respuesta

eso no es un mouse personalizado, y no eso se puede hacer con css, con css puedes cambiar el mouse con la propiedad cursor, pero para hacer eso que se ve ahi, tienes dos opciones, podria haver mas,

1 haz la pagina en flahs

2 utiliza javascript,

de cualquier modo no lo recomiendo,
1 no conviene hacer una pagina enteramente en flash solo por poner una figurita que siga al mouse
2 si lo haces con javascript (en relidad seria dhtml) no funcionara igual en todas partes, el codeigo no es muy sencillo y podrias alentar computadoras con poca capasidad solo por una mendiga imagen bueno, solo trato de decirte que si puedes no hacerlo, no lo hagas, si es para un cliente y esta aferrado con eso, hazlo, pero deja bien en claro que no es lo mejor, la web no es una galeria de arte, mas bien es un sitio que deve ser funcional agil y pensado para todo el mundo,


por cierto si usas css para cambiar el cursor, la propiedad image no funciona en todos los navegadores y plataformas.

Es Javascript compañero...

Mira su codigo de scripts http://www.yanbal.com/js/scripts.js

Ahi lo tienes:

Código :

/* Inicio de funciones del cursor
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
var trailimage; //image path, plus width and height 
trailimage=["/images/3.gif", 20, 20]; 
/*
if(window.opener=="object"){
   trailimage=["../images/3.gif", 20, 20] 
}
else{
  trailimage=["../../images/3.gif", 20, 20] 
}
*/
var offsetfrommouse=[15,15] //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 (!window.opera && document.compatMode && 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)

/* fin de funciones del cursor*/

GRacias DaHouseCat y a todos quienes contestaron!!!
Estamos en contacto
Saludos
Yaku