場(chǎng)景描述:文字從右往左循環(huán)滾動(dòng)。當(dāng)鼠標(biāo)移到文字上面,滾動(dòng)則停止;當(dāng)鼠標(biāo)移出文字,滾動(dòng)則繼續(xù)。
Axure實(shí)現(xiàn)如下:
建立一個(gè)全局變量a(默認(rèn)值為0,用戶(hù)控制是否滾動(dòng)),一個(gè)動(dòng)態(tài)面板MB(動(dòng)態(tài)面板設(shè)置為兩個(gè)狀態(tài)State1和State2,寬:350,高:30),一個(gè)承載文字的矩形控件Content(寬:780.,高25)。矩形控件在State1中的位置為(0,0),在State2中的位置為(351,0)。
全局變量a的取值及對(duì)應(yīng)的功能如下:

動(dòng)態(tài)面板MB的“鼠標(biāo)移入時(shí)”事件和“鼠標(biāo)移出時(shí)”事件產(chǎn)生的結(jié)果分別是:
(1)鼠標(biāo)移入時(shí):
· a=1
· MB切換至State1
(2)鼠標(biāo)移出時(shí):
· a=0
· MB切換至State2
由于變量a有兩個(gè)取值,而動(dòng)態(tài)面板MB也有兩個(gè)狀態(tài),故動(dòng)態(tài)面板MB“狀態(tài)改變時(shí)”事件共有四種邏輯判斷。四種判斷及產(chǎn)生的事件結(jié)果如下:
(1)a=0 and MB=State1:
· Content相對(duì)位置移動(dòng)至(1130,0)
· MB切換至State2
(2)a=0 and MB=State2:
· Content相對(duì)位置移動(dòng)至(-1130,0),線性移動(dòng),耗時(shí)5000ms
· 等待5000ms
· MB切換至State1
(3)a=1 and MB=State1:
· Conetnt相對(duì)位置移動(dòng)至(1130,0)
(4)a=1 and MB=State2:
· Content相對(duì)位置移動(dòng)至(1130,0)
· MB切換至State1
設(shè)置“頁(yè)面載入時(shí)”事件,產(chǎn)生的結(jié)果為:
· MB切換至State2(由于MB默認(rèn)狀態(tài)為State1,頁(yè)面加載時(shí)狀態(tài)變成State2即在頁(yè)面開(kāi)始時(shí)就觸發(fā)了“動(dòng)態(tài)面板改變時(shí)“事件)
注:上述為文字左右滾動(dòng)的”跑馬燈“效果,而諸如文字上下滾動(dòng)的”通知“效果只需要將Content移動(dòng)位置變成Y軸方向移動(dòng)即可,如:(0,1130)。