分享一个帮助用户全屏阅读的jQuery插件

偶尔善良 提交于 2019-11-27 16:36:12

日期: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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!