在線演示  在線下載

今天介紹一款幫助網(wǎng)站提高用戶體驗的jQuery插件 - jQuery fullscreen，它能夠幫助網(wǎng)站實現(xiàn)針對閱讀內(nèi)容的全屏顯示功能。

這個插件基于Full Screen API.，目前有半數(shù)的瀏覽器支持這個API。

• 支持 Firefox 10, Safari and Chrome;
• 使用requestFullScreen() 方法觸發(fā);
• 可以支持任何元素的全屏顯示，而不僅僅是頁面
• 由于安全原因，只支持用戶觸發(fā)全屏
• 也由于安全原因，輸入被嚴(yán)格控制，除了方向鍵其它按鍵不能使用
• API還不完善，只能使用瀏覽器指定方法（前綴為moz and webkit）

jQuery代碼

jQuery(document).ready(function($){
    if($.support.fullscreen){
        $('#fullscreen').click(function(e){
            $('#content').fullScreen();
            e.preventDefault();
        });
    }
});