本文将Axure对象几个常用函数包括bringToFront()、sendToBack()、hide(options)、show(options)、moveBy(x, y, options)、.moveTo(x, y, options)、SetPanelState()。

Axure的javascript注入方法可以参考Axure jsavascript注入；
Axure API汇总地址：Axure API目录；

1、$axure(query).bringToFront()

1.1、函数说明

将元件置于顶层

javascript: 
$axure('@name').bringToFront();

2、$axure(query).sendToBack()

2.1、函数说明

将元件置于底层

javascript:
$axure('@name').sendToBack();

3、$axure(query).hide(options)

3.1、函数说明

设置元件为不可见，若为空，则没有动画；

javascript:
$axure('@fade').hide({
    easing: 'fade',
    duration: 500
});

4、$axure(query).show(options)

4.1、函数说明

设置元件为不可见,options为动画参数，若为空，则没有动画；

javascript:
$axure('@fade').show({
    easing: 'fade',
    duration: 500
});

5、$axure(query).click([handler: function])

5.1、函数说明

• 若未指定了函数（函数名为空），则会执行元件的点击事件。
  注意：元件必须是可见的，不然点击事件无效
• 若指定了函数，则点击后执行指定函数。

javascript:
$axure('@name').click();

6、$axure(query).moveBy(x, y, options)

6.1、函数说明

使元件移动
x：向右移动X个像素；
y：向下移动y个像素；
options：移动的动画，iptions若为空，则无动画；

javascript: $axure('@name').moveBy(0, 0, {});

javascript:
$axure('@name').moveBy(100, 100, {
    easing: 'swing',
    duration: 500
});

7、$axure(query).moveTo(x, y, options)

7.1、函数说明

使元件移动,屏幕左上角坐标为（0，0）
x：移动至横向第X个像素；
y：移动至纵向第y个像素；
options：移动的动画，iptions若为空，则无动画；

javascript: $axure('@name').moveTo(0, 0, {});

javascript:
$axure('@name').moveTo(100, 100, {
    easing: 'swing',
    duration: 500
});

8、$axure(query).SetPanelState(stateNumber, options, showWhenSet)

8.1、函数说明

设置动态面板状态
stateNamer:动态面板的编号从1开始；
options:移动的动画，iptions若为空，则无动画；
showWhenSet:true为显示；

javascript: (function () {
var query = $axure('@name');
query.SetPanelState(1, {}, true);
})();

8、$axure(query).selected([value: boolean])

8.1、函数说明

设置和获得单选的状态；

javascript:
alter(‘Is selected ‘ + axure('@name').selected());axure('@name').selected(true);

9、$axure(query).focus()

9.1、函数说明

使文本输入框获得焦点

javascript: 
$axure('@name').focus(); void(0);