切换到宽版
  • 62阅读
  • 0回复

【Animate】HTML5:Animate cc交互之单页面点击多按钮 [复制链接]

上一主题 下一主题
离线天の川
 

HTML5:Animate cc交互之单页面点击多按钮

实现效果

某个帧上面,有1-8个按钮,点击不同的按钮,跳转到相应的帧上面去

  1. for (i = 1; i < 8; i++)
  2. {
  3.     
  4.     S["list_btn" + i].addEventListener("click", listEvent);//遍历所有的按钮,给按钮1-7加上点击事件
  5. }
  6. function listEvent(e)
  7. {
  8.     for (i = 1; i < 8; i++)
  9.     {
  10.         S["list_btn" + i].removeEventListener("click", listEvent);//删除掉这些点击事件
  11.     }
  12.     num = e.currentTarget.name.charAt(8);//返回指定位置的字符串,第8个字符是什么,也就是获取i charAt()只能截取1个,2个的话可以用substring(8,10)
  13. //    e.currentTarget.name当前舞台上的元件名字 //截取 数字
  14.     //alert(num)
  15.     if(num==1)//如果i 是 1
  16.     {
  17.         S.gotoAndPlay("list_1")//就会跳转到list_1
  18.     }
  19.     else if(num==2)
  20.     {
  21.         S.gotoAndPlay("list_2")
  22.     }
  23.     else if(num==3)
  24.     {
  25.         S.gotoAndPlay("list_3")
  26.     }
  27.     else if(num==4)
  28.     {
  29.         S.gotoAndPlay("list_4")
  30.     }
  31.     else if(num==5)
  32.     {
  33.         S.gotoAndPlay("list_5")
  34.     }
  35.     else if(num==6)
  36.     {
  37.         S.gotoAndPlay("list_6")
  38.     }
  39.     else if(num==7)
  40.     {
  41.         S.gotoAndPlay("list_7")
  42.     }
  43. }

评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
要让让这里成为动漫爱好者温馨的天堂~~
官方qq讨论群140439020  官方微信公众号galaxixv
关于论坛G币的获得方法,请参考论坛公告的帖子
http://www.galaxix.com/bbs/read.php?tid=3158
快速回复
限200 字节
批量上传需要先选择文件,再选择上传
 
上一个 下一个