首页新闻招聘找找看知识库
  • 分享一个帮助用户全屏阅读的jQuery插件 - jQuery fullscreen

    今天介绍一款帮助网站提高用户体验的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();
            });
        }
    });    

    点击下载

登录后才能评论,请先登录注册