Foro de soporteAyuda para webmastersJava y Javascript
Nueva respuesta 
Un . gif como puntero del mouse
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#1 ·

ok gracias yo tambien lo hare a ver si me sirveGiño

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#2 ·
Escrito originalmente por gaf
No lo recomiendo, pero bueno entre <body> y </body>

Cambia donde dice Url de tu gif , por la dirección absoluta de tu imagen .


<script LANGUAGE="JavaScript1.2">

<!-- Begin
var brOK = false, mie = false;
if (document.layers || document.all) brOK = true;
if (document.all) mie = true;
var ex = 0, ey = 0;
var ae, le, re, x0, y0, tid, realx, realy;
function navMove(e) {
ex = e.pageX;
ey = e.pageY;
moveeye()
return routeEvent(e);
}
function mieMove() {
ex = document.body.scrollLeft + event.x;
ey = document.body.scrollTop + event.y;
moveeye();
}
function moveeye() {
dy = ey - y0 - 20;
dx1 = ex - x0 - 20;
dx2 = ex - x0 - 60;
r = Math.sqrt(dx1 * dx1 + dy * dy);
if (r < 20) r = 20;
dx1 = dx1 * 10 / r + x0 + 10;
dy1 = dy * 10 / r + y0 + 10;
r = Math.sqrt(dx2 * dx2 + dy * dy);
if (r < 20) r = 20;
dx2 = dx2 * 10 / r + x0 + 50;
ae.left = x0;
ae.top = y0;
le.left = dx1;
le.top = dy1;
re.left = dx2;
re.top = dy1;
}
function setHandlers() {
if (!mie) {
y0 = document.eyeballs.top;
x0 = document.eyeballs.left;
ae = document.eyeballs;
le = document.lefteye;
re = document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = navMove;
}
else {
y0 = document.all.eyeballs.style.pixelTop;
x0 = document.all.eyeballs.style.pixelLeft;
ae = document.all.eyeballs.style;
le = document.all.lefteye.style;
re = document.all.righteye.style;
window.document.onmousemove = mieMove;
}
realx = x0 + 0.1;
realy = y0 + 0.1;
moveall();
}
function moveall() {
rx = realx + 40;
ry = realy + 40;
rx += (ex - rx) * 0.1;
ry += (ey - ry) * 0.1;
realx = rx - 40;
realy = ry - 40;
x0 = Math.round(realx);
y0 = Math.round(realy);
moveeye();
tid = setTimeout('moveall()', 100);
}
function placeeyes(x, y) {
if (brOK) {
ex = x + 40;
ey = y + 40;
s = '<DIV ID ="dummy" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC=' +
'"whites.gif" border=0></DIV>';
s += '<DIV ID="lefteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
'<IMG SRC="pupil.gif" border=0></DIV>';
s += '<DIV ID="righteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
'<IMG SRC="URL DE TU GIF" border=0></DIV>';
document.writeln(s);
}
}
function clearEyes() {
if (tid) clearTimeout(tid);
}
placeeyes(200, 100);
window.onload = setHandlers;
window.onunload = clearEyes;
// End -->
</script>
hola gaf , he hecho lo que has dicho y tengo un gif que sigue al puntero , pero junto a ese gif tambien le siguen dos cuadritos con una X en medio (como imagen que no se puede mostrar) , aqui te dejo mi foro para que veas lo que te digo , www.currobetiss.foro.st .. como hago para quitarle esos dos cuadritos y dejar solamente el gif? que he hecho mal?

un saludo y gracias
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#3 ·

bueno ya lo he arreglado iba a editar el mensaje para quitar la direc del foro pero veo que no puedo

un saludo

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#4 ·
Escrito originalmente por gaf
No lo recomiendo, pero bueno entre <body> y </body>

Cambia donde dice Url de tu gif , por la dirección absoluta de tu imagen .


<script LANGUAGE="JavaScript1.2">

<!-- Begin
var brOK = false, mie = false;
if (document.layers || document.all) brOK = true;
if (document.all) mie = true;
var ex = 0, ey = 0;
var ae, le, re, x0, y0, tid, realx, realy;
function navMove(e) {
ex = e.pageX;
ey = e.pageY;
moveeye()
return routeEvent(e);
}
function mieMove() {
ex = document.body.scrollLeft + event.x;
ey = document.body.scrollTop + event.y;
moveeye();
}
function moveeye() {
dy = ey - y0 - 20;
dx1 = ex - x0 - 20;
dx2 = ex - x0 - 60;
r = Math.sqrt(dx1 * dx1 + dy * dy);
if (r < 20) r = 20;
dx1 = dx1 * 10 / r + x0 + 10;
dy1 = dy * 10 / r + y0 + 10;
r = Math.sqrt(dx2 * dx2 + dy * dy);
if (r < 20) r = 20;
dx2 = dx2 * 10 / r + x0 + 50;
ae.left = x0;
ae.top = y0;
le.left = dx1;
le.top = dy1;
re.left = dx2;
re.top = dy1;
}
function setHandlers() {
if (!mie) {
y0 = document.eyeballs.top;
x0 = document.eyeballs.left;
ae = document.eyeballs;
le = document.lefteye;
re = document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = navMove;
}
else {
y0 = document.all.eyeballs.style.pixelTop;
x0 = document.all.eyeballs.style.pixelLeft;
ae = document.all.eyeballs.style;
le = document.all.lefteye.style;
re = document.all.righteye.style;
window.document.onmousemove = mieMove;
}
realx = x0 + 0.1;
realy = y0 + 0.1;
moveall();
}
function moveall() {
rx = realx + 40;
ry = realy + 40;
rx += (ex - rx) * 0.1;
ry += (ey - ry) * 0.1;
realx = rx - 40;
realy = ry - 40;
x0 = Math.round(realx);
y0 = Math.round(realy);
moveeye();
tid = setTimeout('moveall()', 100);
}
function placeeyes(x, y) {
if (brOK) {
ex = x + 40;
ey = y + 40;
s = '<DIV ID ="dummy" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC=' +
'"whites.gif" border=0></DIV>';
s += '<DIV ID="lefteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
'<IMG SRC="pupil.gif" border=0></DIV>';
s += '<DIV ID="righteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
'<IMG SRC="URL DE TU GIF" border=0></DIV>';
document.writeln(s);
}
}
function clearEyes() {
if (tid) clearTimeout(tid);
}
placeeyes(200, 100);
window.onload = setHandlers;
window.onunload = clearEyes;
// End -->
</script>



hola, a mi tambien me pasa lo de k salen dos cuadraditos al lado del puntero k te sigue... con una cruz en el medio, como los kito?Angelito
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#5 ·

hola, quisiera saber como poner un .gif en ves del puntero tradicional

gracias

Haz clic para ver el perfil del usuario
Moderador
Moderador

#6 ·

No lo recomiendo, pero bueno entre <body> y </body>

Cambia donde dice Url de tu gif , por la dirección absoluta de tu imagen .


<script LANGUAGE="JavaScript1.2">

<!-- Begin
var brOK = false, mie = false;
if (document.layers || document.all) brOK = true;
if (document.all) mie = true;
var ex = 0, ey = 0;
var ae, le, re, x0, y0, tid, realx, realy;
function navMove(e) {
ex = e.pageX;
ey = e.pageY;
moveeye()
return routeEvent(e);
}
function mieMove() {
ex = document.body.scrollLeft + event.x;
ey = document.body.scrollTop + event.y;
moveeye();
}
function moveeye() {
dy = ey - y0 - 20;
dx1 = ex - x0 - 20;
dx2 = ex - x0 - 60;
r = Math.sqrt(dx1 * dx1 + dy * dy);
if (r < 20) r = 20;
dx1 = dx1 * 10 / r + x0 + 10;
dy1 = dy * 10 / r + y0 + 10;
r = Math.sqrt(dx2 * dx2 + dy * dy);
if (r < 20) r = 20;
dx2 = dx2 * 10 / r + x0 + 50;
ae.left = x0;
ae.top = y0;
le.left = dx1;
le.top = dy1;
re.left = dx2;
re.top = dy1;
}
function setHandlers() {
if (!mie) {
y0 = document.eyeballs.top;
x0 = document.eyeballs.left;
ae = document.eyeballs;
le = document.lefteye;
re = document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = navMove;
}
else {
y0 = document.all.eyeballs.style.pixelTop;
x0 = document.all.eyeballs.style.pixelLeft;
ae = document.all.eyeballs.style;
le = document.all.lefteye.style;
re = document.all.righteye.style;
window.document.onmousemove = mieMove;
}
realx = x0 + 0.1;
realy = y0 + 0.1;
moveall();
}
function moveall() {
rx = realx + 40;
ry = realy + 40;
rx += (ex - rx) * 0.1;
ry += (ey - ry) * 0.1;
realx = rx - 40;
realy = ry - 40;
x0 = Math.round(realx);
y0 = Math.round(realy);
moveeye();
tid = setTimeout('moveall()', 100);
}
function placeeyes(x, y) {
if (brOK) {
ex = x + 40;
ey = y + 40;
s = '<DIV ID ="dummy" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC=' +
'"whites.gif" border=0></DIV>';
s += '<DIV ID="lefteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
'<IMG SRC="pupil.gif" border=0></DIV>';
s += '<DIV ID="righteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
'<IMG SRC="URL DE TU GIF" border=0></DIV>';
document.writeln(s);
}
}
function clearEyes() {
if (tid) clearTimeout(tid);
}
placeeyes(200, 100);
window.onload = setHandlers;
window.onunload = clearEyes;
// End -->
</script>


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#7 ·

gracias por la respuesta gaf, pero lo q uiero es que el .gif este enves del puntero. Lo que hace tu script es que el .gif siga a el puntero y no lo reeemplaza como yo quiero q pase.

gracias.

Haz clic para ver el perfil del usuario
Machacateclados
Machacateclados

#8 ·

es mas facil reemplazar el puntero del raton
por un icono animado

</SCRIPT>
<style>
<!--
BODY{
CURSOR: url(cursor.ani);
}
-->
</style>

hay paginas para descargar cursores animados

http:///fortunecity.es/sopa/hormiga/515/cursores.htm

Haz clic para ver el perfil del usuario
Moderador
Moderador

#9 ·
Escrito originalmente por skel
gracias por la respuesta gaf, pero lo q uiero es que el .gif este enves del puntero. Lo que hace tu script es que el .gif siga a el puntero y no lo reeemplaza como yo quiero q pase.

gracias.


no te entiendo ...

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Come y duerme en el foro
Come y duerme en el foro

#10 ·

Bueno no lo entendiste!!

El quiere decir: que quiere cambiar el puntero del Mouse por un gif. diseñado por el o bajade de cualquier parte de internet.

yo se la opcion que el dice, uno que sigue al puntero, tambien hay otra que es ponerle una letra al puntero.

saludos

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#11 ·

Muchisimas garcias toniocioland !!
eso es exactamente lo q queria

Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato

#12 ·
hola como andan todos
ustedes no entienden lo que dijo de un principio poner un puntero con un *.gif

Porque hacer un gif con movimiento se puede y es muy facil pero es impocible ponerlo como puntero...
lo que queda seria hacer un puntero con una imagen o varias para haci darle el movimento, tengamos en cuenta que la resolucion maxima del puntero puede ser 48 x 48.

yo aca le pongo este que es muy bueno y lo recomiendo
http://iconutils.com/downloads/artcurs.exe

pero tengan en cuenta que cuando lo terminen poner como mencionaron anteriormente

</SCRIPT>
<style>
<!--
BODY{
CURSOR: url(cursor.ani);
}
-->
</style>
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual

#13 ·

Siguiendo este post, he hecho esto mismo y me sale bien el gif q subo, pero con las dos X rojas... sabeis como se podría quitar??

Graciasss

Haz clic para ver el perfil del usuario
Moderador
Moderador

#14 ·

a ver puede que ese error sea de las imagenes que no se encuentran o estan mal llamadas.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato

#15 ·

Ya encontre el problema de esas "x's" que sales, lo que pasa es que en el codigo que les paso el otro wey, creo que es gaf, viene el llamado de dos imagenes gif pero como tu no las posees en tu computadora no las muestra y es por eso que aparecen las x's. Pero aqui esta el codigo con el cual no salen esas x's, y de paso le puse una imagen no mas para que lo pruebes de una vez:

<script LANGUAGE="JavaScript1.2">
<!-- Begin
var brOK = false, mie = false;
if (document.layers || document.all) brOK = true;
if (document.all) mie = true;
var ex = 0, ey = 0;
var ae, le, re, x0, y0, tid, realx, realy;
function navMove(e) {
ex = e.pageX;
ey = e.pageY;
moveeye()
return routeEvent(e);
}
function mieMove() {
ex = document.body.scrollLeft + event.x;
ey = document.body.scrollTop + event.y;
moveeye();
}
function moveeye() {
dy = ey - y0 - 20;
dx1 = ex - x0 - 20;
dx2 = ex - x0 - 60;
r = Math.sqrt(dx1 * dx1 + dy * dy);
if (r < 20) r = 20;
dx1 = dx1 * 10 / r + x0 + 10;
dy1 = dy * 10 / r + y0 + 10;
r = Math.sqrt(dx2 * dx2 + dy * dy);
if (r < 20) r = 20;
dx2 = dx2 * 10 / r + x0 + 50;
ae.left = x0;
ae.top = y0;
le.left = dx1;
le.top = dy1;
re.left = dx2;
re.top = dy1;
}
function setHandlers() {
if (!mie) {
y0 = document.eyeballs.top;
x0 = document.eyeballs.left;
ae = document.eyeballs;
le = document.lefteye;
re = document.righteye;
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = navMove;
}
else {
y0 = document.all.eyeballs.style.pixelTop;
x0 = document.all.eyeballs.style.pixelLeft;
ae = document.all.eyeballs.style;
le = document.all.lefteye.style;
re = document.all.righteye.style;
window.document.onmousemove = mieMove;
}
realx = x0 + 0.1;
realy = y0 + 0.1;
moveall();
}
function moveall() {
rx = realx + 40;
ry = realy + 40;
rx += (ex - rx) * 0.1;
ry += (ey - ry) * 0.1;
realx = rx - 40;
realy = ry - 40;
x0 = Math.round(realx);
y0 = Math.round(realy);
moveeye();
tid = setTimeout('moveall()', 100);
}
function placeeyes(x, y) {
if (brOK) {
ex = x + 40;
ey = y + 40;
s = '<DIV ID ="dummy" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +
'top:'+y+'; left:'+x+'; width:80; height:40;"></DIV>';
s += '<DIV ID="lefteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +
'</DIV>';
s += '<DIV ID="righteye" STYLE="position:absolute; ' +
'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +
'<IMG SRC="http://www.gifmaniacos.com/Matrix/digi88.gif" border=0></DIV>';
document.writeln(s);
}
}
function clearEyes() {
if (tid) clearTimeout(tid);
}
placeeyes(200, 100);
window.onload = setHandlers;
window.onunload = clearEyes;
// End -->
</script>

Haz clic para ver el perfil del usuario
Moderador
Moderador

#16 ·

consejo aloja tu mismo las imágenes.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato

#17 ·

ve esta muy interesante esata cosa de cambiar el puntero.

y e preguntaba como se lo podria aplicar a mi MKportal o a mi foro me gustaria poner unos punteros q tengo en mi site para dejarlo bien mono.

espero q sea para cambiar el puntero y no q salga una imagen sigiendo el puntero.

y si es posible me explican como lo aplico soy muy noob en esto solo tengo costumbra con el PHP.

Haz clic para ver el perfil del usuario
Usuario Novato
Usuario Novato

Haz clic para ver el perfil del usuario
@man / @woman
@man / @woman

#19 ·
Escrito originalmente por @migue-colombia

....deunavez.blogs[....]/frases-para-alcanzar-el-exito.htm l

¿¿???

Que tiene que ver con el tema?

Este tema fue cerrado y no se pueden escribir nuevas respuestas
Foro de soporte · Ayuda para webmasters · Java y Javascript
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 04:24 UTC+02:00 DST
Temas similares
TemaAutorRespuestasVisitasÚltima respuesta
23/Mar/2005, 16:32
13k23/Mar/2005, 17:31
05/Mar/2005, 13:10
322k08/Sep/2005, 06:32