2013-06-25 137 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