航洋学校

详细内容

如何通过引用前端JS代码实现浏览器全屏效果

  1、全屏代码:

1.png

  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,拉取一个动态面板,创建2个State面板。一个面板里放一个矩形,命名为:全屏。另一个命名为:退出。如图:

  步骤二:全屏交互制作

  打开Axure,进入-全屏面板,点击添加鼠标点击事件,打开-当前链接-fx。

  将前面准备好的全屏JS代码复制到FX里保存即可。要注意的是开头必须要加。javascript:

  设置面板切换效果,如图,当点击时面板切换为退出面板。

  步骤三:退出交互制作

  打开Axure,进入-退出面板,点击添加鼠标点击事件,打开-当前链接-fx。

  同样的将前面准备好的退出全屏JS代码复制到FX里保存即可。通样要注意的是开头必须要加。javascript:

  贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全日制中等专业职业学校,同时也是一所实行准军事化管理的学校。


关注公众号

关注微头条

学校位于贵阳市白云区数字内容产业园内,占地面积60多亩,篮球场、室内运动场、游泳池、食堂、超市等俱全,环境优雅。

电话直呼
在线客服
发送邮件
企业位置
联系我们:
13618598927
校长办公室
点击这里给我发消息
还可输入字符250(限制字符250)
seo seo