fullscreen.js怎么使用,一打开就全屏,急!!!在线等

2025-01-03 20:43:04
推荐回答(1个)
回答1:

这个jQuery插件本身就是这样的啊。。。。。

原理:

*   element是要全屏显示的元素,fullscreen时:

*     1. 给element添加.fullscreen

*     2. 用一个空div包裹element,options.css中的定义用在这个div上,

*        以便使这个div中的内容(即element)足够长时可以滚动显示

*     3. 对这个div调用requestFullscreen()

应用示例: *   
var fs = new Fullscreen( {
element: $( '#fullscreenElementSelector' ),callback: function( isFullscreen ) {
if ( isFullscreen ) {
alert( '现在已经进入全屏模式' ); } else { alert( '退出了全屏状态' ); }  }   } ); 

 $( '#buttonToggleFullscreen' ).click( function(){ fs.toggleFullscreen(); } );//设置一个id为buttonToggleFullscreen的按钮点击自动切换全屏与非全屏

其他不明白的可以去官网看下api