点击DIV放大到窗口大小



如何在jquery的帮助下,通过点击将div放大到全屏,并添加该div的新内容或布局。事实上,我正在制作一个网页中的小div,在该div上写一些文本或图像,当我点击该div时,它会变大到窗口大小,并包含有关smallediv内容的更多详细信息。

如果我理解正确,您已经有办法放大div,使其覆盖您的文档,现在您希望它进入全屏。如果是这种情况,请检查html5全屏API。请注意,这是目前的工作草案,因此您需要检查浏览器的兼容性,并相应地使用前缀。

只要我们谈论的是全屏,那么你就很幸运,因为已经有了JQuery插件:http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/【演示】

使用插件这是相关的代码:

window.fullScreenApi.requestFullScreen(fsElement);

最新更新