在線演示? 在線下載

今天介紹一款幫助網(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();
});
}
});

?

轉(zhuǎn)載于:https://www.cnblogs.com/gbin1/archive/2012/02/07/2341681.html

總結(jié)

以上是生活随笔為你收集整理的分享一个帮助用户全屏阅读的jQuery插件 - jQuery fullscreen的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。