歡迎觀看 Axure 中文版教程狈网,小編帶大家學(xué)習(xí) Axure 的基本工具和使用技巧宙搬,了解如何在 Axure 中JavaScript 實(shí)現(xiàn)瀏覽器全屏模式笨腥。
在設(shè)計(jì)大屏模板時(shí),需要使用瀏覽器全屏模式來展示模板勇垛。通常需要通過鍵盤上的F11來切換瀏覽器全屏模式脖母。 但是,很多用戶并不理解通過F11可以實(shí)現(xiàn)全面屏窥摄,給產(chǎn)品設(shè)計(jì)溝通帶來不便镶奉。
現(xiàn)在讓我們學(xué)習(xí)如何使用 JavaScript 實(shí)現(xiàn)瀏覽器全屏模式。
什么是 JavaScript崭放?
JavaScript 是一種腳本語言哨苛。 通常瀏覽器使用它來實(shí)現(xiàn)交互效果。 在 Axure 生成的 HTML 原型中币砂,交互效果是通過 JavaScript 代碼實(shí)現(xiàn)的建峭。 Axure 還提供了引用 JavaScript 代碼的方法。
小部件設(shè)置
1. 設(shè)計(jì)一張卡片并將其創(chuàng)建為動(dòng)態(tài)面板决摧,然后固定到瀏覽器亿蒸,中心和中間。
2.使用按鈕鏈接創(chuàng)建一個(gè)動(dòng)態(tài)面板并將其命名為「進(jìn)入/退出全屏模式」掌桩。狀態(tài) 1 的按鈕文本是進(jìn)入全屏模式边锁,?狀態(tài) 2 的按鈕文本是退出全屏模式。
點(diǎn)擊「進(jìn)入/退出全屏模式」動(dòng)態(tài)面板狀態(tài)1的進(jìn)入全屏模式按鈕設(shè)置點(diǎn)擊波岛,「打開鏈接」-「鏈接到外部URL」-在「fx輸入」中輸入以下代碼:
javascript: 函數(shù) 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);
點(diǎn)擊「進(jìn)入/退出全屏模式」動(dòng)態(tài)面板狀態(tài)2的「退出全屏模式」按鈕設(shè)置點(diǎn)擊事件茅坛,「打開鏈接」-「鏈接到外部URL」-在「fx輸入」中輸入以下代碼: ??
javascript: 函數(shù) exitFull() { var exitMethod = document.exitFullscreen || 文檔.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}"); } } }; 退出全();
這樣就完成了所有的設(shè)置则拷。
以上就是在 Axure 中使用 JavaScript 實(shí)現(xiàn)瀏覽器全屏模式的方法贡蓖。