adobe 边缘中的自定义光标答案

【问题标题】：custom cursor in adobe edgeadobe 边缘中的自定义光标
【发布时间】：2013-01-24 18:44:01
【问题描述】：

我正在尝试在 adobe edge 中制作一个自定义光标，但没有太多成功，所以我希望有人可以帮助我。

这些是我尝试过的代码；

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

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

stage.addEventListener(Event.MOUSE_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; }

【问题讨论】：

标签： cursor custom-attributes adobe-edge

【解决方案1】：

我会尝试给你一个全新的例子：

开始一个新的 Adobe Edge 项目。
在舞台图像上拖放光标。
将该图像命名为 (div)，例如“光标”。

为您的舞台添加事件侦听器以获取移动事件并设置回调函数。如果您的舞台 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
    });
}

为舞台设置简单的 css 以使默认光标消失。（光标：无）

这是最低限度。

【讨论】：