分享一個幫助用戶全屏閱讀的jQuery插件 - jQuery fullscreen

日期：2012/02/06  來源：GBin1.com

在線演示  在線下載

今天介紹一款幫助網站提升用戶體驗的jQuery插件 - jQuery fullscreen，它可以幫助網站實現針對閱讀內容的全屏顯示功能。

這個插件基於Full Screen API.，目前有半數的瀏覽器支持這個API。

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

jQuery代碼

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

來源：分享一個幫助用戶全屏閱讀的jQuery插件 - jQuery fullscreen