curseur personnalisé dans Adobe Edge

Question

J'essaie de faire un curseur personnalisé dans Adobe Edge, sans beaucoup de succès, donc j'espère que quelqu'un pourrait m'aider.

ce sont les codes que j'ai essayés;

var myCursor = new ball();// as linkage to be done in the library 
Mouse.hide(); 
stage.addEventListener(MouseEv­ent.MOUSE_MOVE,follow); 

function follow(evt:MouseEvent){ addChild(myCursor); 
myCursor.x = mouseX; 
myCursor.y = mouseY; 
} 

stage.addEventListener(Event.M­OUSE_LEAVE,vanish); 
function vanish(event:Event){ removeChild(myCursor); 
} 

ET

.next:hover { cursor:url(img/right-pointer.png); } 

ET

stage.addEventListener(MouseEvent.MOUSE_MOVE, redrawCursor); 
stage.addEventListener(Event.MOUSE_LEAVE, hideCursor); 
Mouse.hide(); 

function redrawCursor (event:MouseEvent):void { 
sikte.visible = true; 
sikte.x = event.stageX; 
sikte.y = event.stageY; 
} 
function hideCursor (event:Event):void { sikte.visible = false; } 

Answer 1

Je vais essayer de vous donner complètement nouvel exemple:

1. Démarrer un nouveau projet Adobe Edge.
2. Glissez et déposez sur l'image de la scène pour le curseur.
3. Nommez cette image (div), par ex. "le curseur".

4. Ajoutez un écouteur d'événement à votre scène pour obtenir des événements de déplacement et définir la fonction de rappel. Vous pouvez aussi faire une correction de position si votre div est imbriqué dans un autre div et/ou si sa position dans la fenêtre n'est pas (0,0) - offset.

   document.getElementById('Stage').addEventListener('mousemove', mouseMove, false); 
   
   function mouseMove(e) { 
       var offsetX = document.getElementById('Stage').offsetLeft; 
       var offsetY = document.getElementById('Stage').offsetTop; 
   
       var newX = e.pageX - offsetX; 
       var newY = e.pageY - offsetY; 
       sym.$("cursor").css({ 
        "left" : newX, 
        "top" : newY 
       }); 
   } 
   

5. Définir un CSS simple pour l'étape pour faire disparaître le curseur par défaut. (curseur: aucun)

Ceci est le minimum.