单击时DIV放大到窗口大小

时间:2013-06-25 05:55:47

标签: jquery html css jquery-ui css3

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

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您已经有办法放大DIV以便它covers your document,现在您希望它能够全屏。如果是这种情况,请检查html5 full screen API。请注意,目前这是working draft,因此您需要检查compatibility of the browser并相应地使用前缀。

只要我们谈论的是全屏,那么祝你好运,因为已经有了一个JQuery插件:http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/ [Demo]

使用插件这是相关代码:

window.fullScreenApi.requestFullScreen(fsElement);