Question

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

这些是我尝试过的代码;

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

Answer 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以使默认光标消失。（游标：无）

这是最低限度。

adobe边缘的自定义光标

1 个答案: