HTML5：Animate cc交互功能之制作单选框（开关）

1.需要实现的效果

2.步骤：

a.实现点击功能

S.xld_btn1.txt.text="";//先将单选框的文本清空

//S.xld_btn1.txt.text是舞台上的"xld_btn1影片剪辑",txt是指文字,text指文字内容

if(!S.xld_btn1.btn_0.hasEventListener("click"))
{
    S.xld_btn1.btn_0.addEventListener("click", xld_btn1Event);//点击btn0，跳到点击事件
}

 

b.实现开关

 

function xld_btn1Event(e) {
	if (S.xld_btn1.currentFrame == 0) //判断影片剪辑这个元件里面的帧数为，当前帧为0帧的时候
	{
		S.xld_btn1.gotoAndStop("frame2"); //让影片剪辑里的帧数，跳转到frame2，也就是打开
		for (i = 1; i < 3; i++) {
			if (!S["xld_btn1"]["btn_" + i].hasEventListener("click", xld_btn_Click)) {
				S["xld_btn1"]["btn_" + i].addEventListener("click", xld_btn_Click); //给btn1、2按钮2个点击事件
			}

		}
	} else {
		for (i = 1; i < 3; i++) {
			S["xld_btn1"]["btn_" + i].removeEventListener("click", xld_btn_Click); //删除点击事件
		}
		S.xld_btn1.gotoAndStop("frame1"); //回到第0帧，也就是关闭
	}
}

 

c.判断对错，和，插入单选框相应的文本

 

function xld_btn_Click(e) {
	S.xld_btn1.btn_0.removeEventListener("click", xld_btn1Event); //删除xld_btn1Event事件
	for (i = 1; i < 3; i++) {
		S["xld_btn1"]["btn_" + i].removeEventListener("click", xld_btn_Click); //删除btn1、2点击事件
	}
	num = e.currentTarget.name.charAt(4); //获取当前元件名字、截取第4位也就是1，2
	if (num == 1) //如果点击的是btn1
	{
		S.xld_btn1.txt.text = "阳性";
		alert("选择有误,正确答案应该为阳性")
	} else //也就是点击的是btn2
	{
		S.xld_btn1.txt.text = "阳性";
		alert("选择正确");
	}
	S.xld_btn1.gotoAndStop("frame1"); //让xld_btn1这个影片剪辑，在第0帧停止播放
	S.gotoAndPlay(); //继续播放
}