溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
項目地址：https://github.com/martinaglv/jQuery-FullScreen
Include jquery.fullscreen.js in your page along with version 1.7 of the jQuery library. This gives you the$('#elem').fullScreen() method. You can optionally pass an object with properties:
| Property | Value | Meaning |
|---|---|---|
| background | a color hash | This is the color that will be used for the background. |
| callback | a function | The callback function will be called on a full screen change event. It has one argument - a boolean indicating whether we are in full screen or not. |
| fullscreenClass | a string | This is the CSS class that will be added to elements in fullscreen mode. The default class is "fullScreen". |
After the plugin makes your element full screen, it will add the fullScreen class on it (unless overridden with the fullscreenClass parameter), so you can easily style it.
// The plugin sets the $.support.fullscreen flag:if($.support.fullscreen){// ...// Show your full screen button here// ...$('#fullScreen').click(function(e){$('#content').fullScreen();// You can also pass a hash with properties:// $('#content').fullScreen({// 'background' : '#111',// 'callback' : function(isFullScreen){// // ...// // Do some cleaning up here// // ...// }// });});}You can then apply additional styles to your element. Take the opportunity to increase the font size, hide distractions and make for a better reading experience.
#content.fullScreen{/* Give the element a width and margin:0 auto; to center it. */}If you later wish to cancel the full screen view, you can do so by calling the fullScreen() method again.
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼