国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > Axure教程：通過引用前端JS代碼實現(xiàn)瀏覽器全屏效果

Axure教程：通過引用前端JS代碼實現(xiàn)瀏覽器全屏效果

時間：2023-09-26 22:24:02 | 來源：網(wǎng)站運營

時間：2023-09-26 22:24:02 來源：網(wǎng)站運營

Axure教程：通過引用前端JS代碼實現(xiàn)瀏覽器全屏效果：在我們設(shè)計使用大屏模板或大屏報表時，都會需要瀏覽器全屏展示預(yù)覽的需求，通常我們都需要通過鍵盤F11來切換瀏覽器全屏效果。但是，也發(fā)現(xiàn)了一個問題就是我們面對的很多客戶，他們并不懂F11可以全屏，給產(chǎn)品設(shè)計溝通帶來了不便。那有沒有什么方式可以直接通過鼠標點擊按鈕來切換全屏。答案是肯定有的，今天符號作者教大家如何利用前端的JS代碼來實現(xiàn)瀏覽器全屏效果。

注意：

在看教程之前，請行了解一下，什么時javascirpt，JavaScript入門教程自行百度。當然，今天的案例RP也會免費提供給大家下載學習，也歡迎應(yīng)用到更多的產(chǎn)品實踐中去

JavaScript介紹：

JavaScript是一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。

先預(yù)覽一下效果：







在線演示地址：https://www.pmdaniu.com/storage/120896/d6348c5cf5e4f022e5c9d02f21c49346-12007/start.html

JS代碼準備：

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代碼：

最早有發(fā)過一篇《Axure生成預(yù)覽地址如何能查看到被瀏覽次數(shù)》，有教過大家，Axure怎么添加JS外部代碼，不懂的可以在回去看看。

步驟一：

打開Axure，拉取一個動態(tài)面板，創(chuàng)建2個State面板。一個面板里放一個矩形，命名為：全屏。另一個命名為：退出。如圖：







步驟二：全屏交互制作

打開Axure，進入-全屏面板，點擊添加鼠標點擊事件，打開-當前鏈接-fx。







將前面準備好的全屏JS代碼復制到FX里保存即可。要注意的是開頭必須要加。javascript:







設(shè)置面板切換效果，如圖，當點擊時面板切換為退出面板。







步驟三：退出交互制作

打開Axure，進入-退出面板，點擊添加鼠標點擊事件，打開-當前鏈接-fx。







同樣的將前面準備好的退出全屏JS代碼復制到FX里保存即可。通樣要注意的是開頭必須要加。javascript:







至此，保存文件F5預(yù)覽試試吧。教程相關(guān)文件下載：RP下載 Axure頁面全屏效果 - 產(chǎn)品大牛網(wǎng)

關(guān)鍵詞：瀏覽,實現(xiàn),效果,通過,教程,引用

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉