在Storyline 3中运用Javascript创建扩展菜单

1.添加变量“caidan”,变量类型为“判断对错题”，默认值“错”。

2.插入形状“椭圆形”，大小为宽度和高度设为96px。并添加已经选中状态。

3.选中“椭圆形”，添加调整变量触发器，变量设为“caidan”,运算符设为“不分配”，时间设为“用户单击”，对象““椭圆形1”。

4.选中“椭圆形”，添加”执行Javascript”触发器，在脚本编辑框里输入以下代码：

 var player=GetPlayer();
caidan=player.GetVar("caidan");
var juli=120;
var juli1=90;
var sudu=300;
if (caidan==true){
$("#anniu_img1 svg").animate({top:-juli+"px"},sudu)
$("#anniu_img3 svg").animate({top:+juli+"px"},sudu)
$("#anniu_img2 svg").animate({left:+juli+"px"},sudu)
$("#anniu_img4 svg").animate({left:-juli+"px"},sudu)

$("#anniu_img5 svg").animate({top:-juli1+"px",left:+juli1+"px"},sudu)
$("#anniu_img6 svg").animate({top:+juli1+"px",left:-juli1+"px"},sudu)
$("#anniu_img7 svg").animate({top:-juli1+"px",right:juli1+"px"},sudu)
$("#anniu_img8 svg").animate({top:+juli1+"px",right:-juli1+"px"},sudu)
}else{
$("#anniu_img1 svg").animate({top:"+0px"},sudu)
$("#anniu_img3 svg").animate({top:"-0px"},sudu)
$("#anniu_img2 svg").animate({left:"-0px"},sudu)
$("#anniu_img4 svg").animate({left:"+0px"},sudu)

$("#anniu_img5 svg").animate({top:"+0px",left:"+0px"},sudu)
$("#anniu_img6 svg").animate({top:"+0px",left:"+0px"},sudu)
$("#anniu_img7 svg").animate({top:"+0px",right:"+0px"},sudu)
$("#anniu_img8 svg").animate({top:"+0px",right:"+0px"},sudu)
}

5.插入形状“椭圆形”，大小为宽度和高度设为72px。右击“椭圆形”，点击”辅助功能“，代替文本设为”anniu_img1“。然后复制7个椭圆形，代替文本分别设为”anniu_img2，代替anniu_img3、anniu_img4、anniu_img5、anniu_img6、anniu_img7、anniu_img8“。

6.把“椭圆形1”置于最顶层，然后选中所有的椭圆形，点”开始“，再点”排列“，然后把”对齐“设为”对齐居中“。