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

1.实现效果

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

2.代码

for (i = 1; i < 8; i++)
{
	if(!S["list_btn" + i].hasEventListener("click")){
    	S["list_btn" + i].addEventListener("click", listEvent);
    }//遍历所有的按钮，给按钮1-7加上点击事件
}
function listEvent(e)
{
	for (i = 1; i < 8; i++)
	{
		S["list_btn" + i].removeEventListener("click", listEvent);//删除掉这些点击事件
	}
	num = e.currentTarget.name.charAt(8);//返回指定位置的字符串，第8个字符是什么,也就是获取i charAt()只能截取1个，2个的话可以用substring(8,10)
//	e.currentTarget.name当前舞台上的元件名字 //截取 数字
	//alert(num)
	if(num==1)//如果i 是 1
	{
		S.gotoAndPlay("list_1")//就会跳转到list_1
	}
	else if(num==2)
	{
		S.gotoAndPlay("list_2")
	}
	else if(num==3)
	{
		S.gotoAndPlay("list_3")
	}
	else if(num==4)
	{
		S.gotoAndPlay("list_4")
	}
	else if(num==5)
	{
		S.gotoAndPlay("list_5")
	}
	else if(num==6)
	{
		S.gotoAndPlay("list_6")
	}
	else if(num==7)
	{
		S.gotoAndPlay("list_7")
	}
}