这是一个 jQuery 1.7 的插件,用于实现网页的全屏显示,是对 Full Screen API 的封装。
示例代码:
// The plugin sets the $.support.fullscreen flag: if($.support.fullscreen){ // ... // Show your full screen button here // ... $('#fullScreen').click(function(e){ $('#content').fullScreen(); // You can also pass a hash with properties: // $('#content').fullScreen({ // 'background' : '#111', // 'callback' : function(isFullScreen){ // // ... // // Do some cleaning up here // // ... // } // }); }); }
今天工作中,遇到了一个网页全屏显示的需求,于是查了一下百度,发现了一个网页全屏显示的jQuery插件:jQuery FullScreen Plugin 。他可以实现网页的全屏显示,适用各种不同的浏览器,包括FF 10, Chrome 和 Safari,它用于为用户提供了一个更容易阅读的网页版本,可缩放<canvas>和<video>元素。项目地址:http://www.open
代码下载地址 https://github.com/martinaglv/jQuery-FullScreen A jQuery 1.7 plugin that wraps around the Full Screen API and works around various browser differences. Works in FF 10, Chrome and Safari. It is
Fullscreen Background是一个jQuery全屏背景插件,支持IE7 and higher, Firefox, Opera, Safari and Chrome 。使用也相当简单。 1、在<head>中导入 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"
插件描述:fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。 一、导入 在慕课网买了一个组件化开发的实战课程。 介绍的第一个实用的插件就是fullPage。 这个插件在jQuery支持下,可以实现全屏滚动的效果。 功能也比较齐全: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时