空投在我怀里的博客

对技术的一些总结、分享等

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

1.实现效果

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

2.代码

for (i = 1; i < 8; i++)
{
	
	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")
	}
}

阅读更多
个人分类: HTML5与Animate cc交互
上一篇HTML5:Animate cc交互之MP4格式不能播放
下一篇HTML5:Animate cc交互之多按钮全部点击后跳转
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭