HTML5:Animate cc交互功能之跳转下一帧

一 、实现用户交互功能(点击按钮跳转下一帧)

S.gotoAndStop解释:跳转到舞台上的某一帧并停止

S.gotoAndPlay解释:跳转到舞台上的某一帧并开始播放下一帧

方法1:跳转帧数

if (!S.next_btn1.hasEventListener("click"))
{
 S.next_btn1.addEventListener("click",menu_rxs)
}
function menu_rxs(){
	S.gotoAndStop(0);
}

方法2:封装下一帧事件

nextEvent = function (event)

{
	event.currentTarget.removeEventListener("click", nextEvent);//返回绑定事件的元素,布尔值
	numframe = S.currentFrame;
	S.gotoAndPlay(numframe + 1);

}
if (!S.start_btn.hasEventListener("click"))
{
    S.start_btn.addEventListener("click", nextEvent);

}

注意:要写在第0帧的最开始位置

方法3:帧标记进行跳转

if (!S.next_btn1.hasEventListener("click"))
{
    S.next_btn1.addEventListener("click",menu_rxs)
}
function menu_rxs(){
    S.gotoAndStop("menu");
}

menu是你在帧上面创建的小旗子,可以自己定义


  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值