无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 公司新闻 >

微信小程序怎么开通-兼容各大电脑浏览器用htm

时间:2021-04-13 16:32来源:微信小程序怎么开通 作者:jianzhan 点击:
本工作中室关键业务流程:企业网站建设-互联网营销推广-虚似服务器-室内空间网站域名-社区论坛维护保养升級安裝等..顾客服务 新项目中必须将后台管理访问器的对话框全屏幕,也便
--------

微信小程序怎么开通

------- 本工作中室关键业务流程:企业网站建设-互联网营销推广-虚似主机-室内空间网站域名-论坛维护保养升級安裝等.. 顾客服务
新项目中需要将后台管理访问器的对话框全屏,也就是大家点一下一个按钮要完成按F11全屏的实际效果。 在HTML5中,W3C制定了有关全屏的API,便可以完成全屏幕的实际效果,还可以让网页页面中的照片,视頻等全屏现阶段仅有google chrome 15 +, safri5.1+,firfox10+,IE11适用

全屏

var docElm = document.documentElement;

//W3C

if (docElm.requestFullscreen) {

docElm.requestFullscreen();

}

//FireFox

else if (docElm.mozRequestFullScreen) {

docElm.mozRequestFullScreen();

}

//Chrome等

else if (docElm.webkitRequestFullScreen) {

docElm.webkitRequestFullScreen();

}

//IE11

else if (elem.msRequestFullscreen) {

elem.msRequestFullscreen();

}

撤出全屏

if (document.exitFullscreen) {

document.exitFullscreen();

}

else if (document.mozCancelFullScreen) {

document.mozCancelFullScreen();

}

else if (document.webkitCancelFullScreen) {

document.webkitCancelFullScreen();

}

else if (document.msExitFullscreen) {

document.msExitFullscreen();

}

恶性事件监视

document.addEventListener("fullscreenchange", function () {

fullscreenState.innerHTML = (document.fullscreen) "" : "not ";}, false);

document.addEventListener("mozfullscreenchange", function () {

fullscreenState.innerHTML = (document.mozFullScreen) "" : "not ";}, false);

document.addEventListener("webkitfullscreenchange", function () {

fullscreenState.innerHTML = (document.webkitIsFullScreen) "" : "not ";}, false);

document.addEventListener("msfullscreenchange", function () {

fullscreenState.innerHTML = (document.msFullscreenElement) "" : "not ";}, false);

全屏款式设定

在访问器全屏的应用大家还能够开展款式设定

html:-moz-full-screen {

background: red;

}

html:-webkit-full-screen {

background: red;

}

html:fullscreen {

background: red;

}

附录

1 一个线上的Demo

fullscreen/

2 HTML5全屏API之互联网垂钓

5807

3 jquery封裝的全屏软件

native-fullscreen-javascript-api-plus-jquery-plugin/

4 更为详尽的全屏API详细介绍

4.1en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

4.2 hg/fullscreen/raw-file/

---------

微信小程序怎么开通

------------ (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信