JS代碼準(zhǔn)備:
1、全屏代碼:
javascript:
function requestFullScreen(element) {
var requestMethod = element.requestFullScreen ||
element.webkitRequestFullScreen ||
element.mozRequestFullScreen ||
element.msRequestFullScreen;
if (requestMethod) {
requestMethod.call(element);
} else if (typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
};
requestFullScreen(document.documentElement);
2、退出全屏代碼:
javascript:
function exitFull() {
var exitMethod = document.exitFullscreen ||
document.mozCancelFullScreen ||
document.webkitExitFullscreen ||
document.webkitExitFullscreen;
if (exitMethod) {
exitMethod.call(document);
} else if (typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
};
exitFull();
Axure添加JS代碼:
步驟一:
打開Axure,拉取一個(gè)動(dòng)態(tài)面板,創(chuàng)建2個(gè)State面板。一個(gè)面板里放一個(gè)矩形,命名為:全屏。另一個(gè)命名為:退出。如圖:
步驟二:全屏交互制作
打開Axure,進(jìn)入-全屏面板,點(diǎn)擊添加鼠標(biāo)點(diǎn)擊事件,打開-當(dāng)前鏈接-fx。
將前面準(zhǔn)備好的全屏JS代碼復(fù)制到FX里保存即可。要注意的是開頭必須要加。javascript:
設(shè)置面板切換效果,如圖,當(dāng)點(diǎn)擊時(shí)面板切換為退出面板。
步驟三:退出交互制作
打開Axure,進(jìn)入-退出面板,點(diǎn)擊添加鼠標(biāo)點(diǎn)擊事件,打開-當(dāng)前鏈接-fx。
同樣的將前面準(zhǔn)備好的退出全屏JS代碼復(fù)制到FX里保存即可。通樣要注意的是開頭必須要加。javascript:
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。