2013-06-25 101 views
0

如何通过jquery的帮助点击新的内容或该div的布局将div放大到全屏。其实我正在一个网页中制作一个小的div,其中有一些文字或图像写在那个div上,当我点击那个div时,窗口大小变得更大,更多关于小窗格内容的细节。DIV放大到点击窗口大小

+0

到目前为止你做了什么?你想把它作为一个对话框吗? – Sergio

+0

不,我希望它成为一个新的新页面... – ANIEGF

+0

你为什么不转到oDesk并雇用一个人......这是我读过的第二个问题,基本上要求有人为你提供代码.. – Trent

回答

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); 
+0

我想使它像一个Windows 8用户界面...点击该DIV,并使其大窗口大小(全屏幕)与新细节N布局在那个新页面上。 – ANIEGF

+0

@AnilPanwar你确定你想要的是不是导航到另一个页面?我已经发布了如何全屏显示。 – Theraot

+0

http://codecanyon.net/item/melonhtml5-metro-ui/full_screen_preview/2986068我想要这种类型的效果,当我点击任何div..plz请参阅链接 – ANIEGF