0

私はAdobeEdgeでカスタムカーソルを作成しようとしていますが、あまり成功していません。誰かが私を助けてくれることを願っています。

これらは私が試したコードです。

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);
}

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

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; }
4

1 に答える 1

0

まったく新しい例を挙げてみます。

  1. 新しい Adob​​e Edge プロジェクトを開始します。
  2. カーソル用のステージ画像にドラッグ&ドロップします。
  3. その画像 (div) に「cursor」などの名前を付けます。
  4. 移動イベントを取得してコールバック関数を設定するために、ステージにイベント リスナーを追加します。ステージ div が他の div 内にネストされている場合、および/またはウィンドウ内の位置が (0,0) - オフセットでない場合、位置を修正することもできます。

    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. ステージにシンプルなcssを設定して、デフォルトのカーソルを非表示にします。(カーソル: なし)

これが最小です。

于 2013-10-16T19:50:56.050 に答える