0

我正在为 FLASH CC 中的 HTML5 画布文档中的某些按钮添加一些交互性。该功能效果很好，但我不知道如何将 JS 添加到其中以添加翻转，以便在按钮翻转时出现手形光标/指针。

我知道如何通过 buttonMode 在 AS3 中做到这一点，但我对 JS 完全是个菜鸟。

以下是我目前为 HTMl5 画布文档中的按钮提供的代码，在此先感谢您的帮助！

var frequency = 1;
stage.enableMouseOver(frequency);

this.btn_yes.addEventListener("click", clickYes.bind(this));
this.btn_no.addEventListener("click", clickNo.bind(this));

this.btn_yes.addEventListener("mouseover", MouseOverYes);
this.btn_yes.addEventListener("mouseout", MouseOutYes);

this.btn_no.addEventListener("mouseover", MouseOverNo);
this.btn_no.addEventListener("mouseout", MouseOutNo);

function clickYes()
   {
       this.gotoAndPlay("chooseYes");
   }


function clickNo()
   {
       this.gotoAndPlay("no");
   }


function MouseOverYes()
   {
       this.btn_yes.style.cursor = 'pointer';
   }


function MouseOutYes()
   {
       this.btn_yes.style.cursor = 'default';
   }

function MouseOverNo()
     {
       this.btn_no.style.cursor = 'pointer';
     }


function MouseOutNo()
     {
         this.btn_no.style.cursor = 'default';
     }
4

3 回答 3

0

也许试试这个。

stage.enableMouseOver();
var root = this;
root.theButtonName.cursor = "pointer";
于 2014-12-12T04:38:22.767 回答
0

@user3570797 如果您使用 FlashCC，这可以通过创建按钮符号轻松完成。尝试这样的事情：http: //grab.by/Ktw2

然后通过“ExportRoot”对象按名称引用这些按钮并将事件处理程序附加到这些按钮。

例子：

function init() {
 canvas = document.getElementById("canvas");
 exportRoot = new lib.Button();

 stage = new createjs.Stage(canvas);
 stage.addChild(exportRoot);
 stage.update();
 stage.enableMouseOver();

 var yesBtn = exportRoot.yesBtn;
 var noBtn = exportRoot.noBtn;
 yesBtn.addEventListener("click", handleClick);
 noBtn.addEventListener("click", handleClick);

 createjs.Ticker.setFPS(lib.properties.fps);
 createjs.Ticker.addEventListener("tick", stage);

}

function handleClick(event) {
 //doSomething...

}

于 2015-09-16T20:26:21.930 回答
0

stage.canvas.style.cursor = "默认";

将鼠标光标设置为正常状态。

stage.canvas.style.cursor = "无";

这将使鼠标光标消失，现在严重缺乏关于所有内容的文档。也试图找到一个很好的在 Flash 画布中编码的资源。如果你找到一个请告诉我。

于 2015-08-05T17:43:32.037 回答