Dhtml - Imagen pegada al cursor del mouse o raton
Códigos Dhtml
Cuando queremos personalizar los cursores en nuestras páginas, este script permite mostrar una imagen que sigue al mouse o raton.
Tutores.org
Mostrando Codigo - Dhtml
EXPLICACION
Esta seria la imagen que mostramos en el ejemplo,
para modificarla solamente debemos de cambiar la linea donde indica img src="/images/mundo.gif"
CODIGO
<!-- Codigo ofrecido por Tutores.org -->
- <head>
- <script language="javascript">
- var i=true;
- function move() {
- if (navigator.appName!="Microsoft Internet Explorer") {
- window.document.getElementById("mi_cursor").style.left=document.pageX;
- window.document.getElementById("mi_cursor").style.top=document.pageY;
- }
- else {
- window.document.getElementById("mi_cursor").style.left=window.event.x;
- window.document.getElementById("mi_cursor").style.top=window.event.y;
- }
- }
- function change() {
- if (i==true){
- window.document.getElementById("mi_cursor").style.visibility="hidden";
- i=false;
- }
- else{
- window.document.getElementById("mi_cursor").style.visibility="visible";
- i=true;
- }
- }
- document.onmousemove=move;
- document.ondblclick=change;
- </script>
- </head>
- <body>
- <div id="mi_cursor" style="position:absolute;">
- <img src="/images/mundo.gif">
- </div>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Imagen pegada al cursor del mouse o raton" href="http://www.tutores.org/codigo/1473/" target="_blank">Imagen pegada al cursor del mouse o raton</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Imagen pegada al cursor del mouse o raton" href="http://www.tutores.org/codigo/1473/" target="_blank">Imagen pegada al cursor del mouse o raton</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
heyhey
2
5
Hola, trabajo con FrontPage 2000 copie el codigo y me queda en cursor con un cuadro y una cruz (No se ve). Guarde su imagen, la subi y actualice el Index ¿Que puede ser?
Gracias
Gracias
Comentario usuario
Tutores.org
19/04/2003
2
5
hola he, si el codigo no funciona suele dar un error
Prueba la opcion de ejecutar el código y prueba.
Saludos
Prueba la opcion de ejecutar el código y prueba.
Saludos
Comentario usuario
roberto
15/02/2005 20.54.27
1
5
no funciona en mozilla y aparte tiene muchos errores pero en fin esta bien para empezar
INSERTAR COMENTARIO