1 <script> 2 // entrar pantalla completa: 3 función entryFullScreen () { Var = 4 Doce document.documentElement; 5 si (docE.requestFullScreen) { 6 docE.requestFullScreen (); 7} else if (docE.mozRequestFullScreen) { 8 docE.mozRequestFullScreen (); 9} else if (docE.webkitRequestFullScreen) { 10 docE.webkitRequestFullScreen (); 11} 12} 13 Pantalla 14 // Salir completa 15 función exitFullScreen () { 16 var = documento dulce; 17 Si (docE.exitFullscreen) { 18 docE.exitFullscreen (); 19} else if (docE.mozCancelFullScreen) { 20 docE.mozCancelFullScreen (); 21} else if (docE.webkitCancelFullScreen) { 22 docE.webkitCancelFullScreen (); 23} 24 pantalla completa // abierto 25 form.on ( 'interruptor (pantalla completa)', function (datos) { 26 var fValue = data.elem.checked; 27 localStorage.setItem ( 'funnscreen_info', fValue); 28}); 29 $ (document) ready (function () { 30 var fScreen = localStorage.getItem ( 'fullscreen_info'); 31 si (fScreen && fScreen! = 'False') { 32 var = fScreenIndex layer.alert ( 'pantalla completa Pulse ESC Salir', { 33 Título: 'entrar en línea de pantalla completa', 34 piel: 'layui-capa-lan', 35 closeBtn: 0, 36 Alma: 4; 37 Offset: '100px' 38}, la función () { 39 entryFullScreen (); 40 $ ( '# pantalla completa') html ( '<clase i = "Larry Larry-icono-quanping"> </ i> 退出 全屏.'); 41 layer.close (fScreenIndex); 42} 43) 44} 45}) // conmutador 46 de pantalla completa 47 $ ( '# pantalla completa'). Bind ( 'click', function () { 48 fue elementos de pantalla completa = 49 document.fullscreenElement || 50 document.mozFullScreenElement || 51 document.webkitFullscreenElement; 52 Si (fullscreenElement == null) { 53 entryFullScreen (); 54 $ (this) .html ( '<i class = "Larry-icono"> & # xe604; </ i> 退出 全屏'); 55} else { 56 exitFullScreen (); 57 $ (this) .html ( '<i class = "Larry-icono"> & # xe604; </ i> 全屏'); 58} 59}) 60 </ script>
alternan en pantalla completa
Supongo que te gusta
Origin www.cnblogs.com/cxddgz/p/12498417.html
Recomendado
Clasificación