jquery全屏模式插件-创新互联

项目地址:https://github.com/martinaglv/jQuery-FullScreen

成都创新互联公司是一家专注于网站设计制作、成都网站制作与策划设计,内丘网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:内丘等地区。内丘做网站价格咨询:18982081108

How to use

Include jquery.fullscreen.js in your page along with version 1.7 of the jQuery library. This gives you the$('#elem').fullScreen() method. You can optionally pass an object with properties:

PropertyValueMeaning
backgrounda color hashThis is the color that will be used for the background.
callbacka functionThe callback function will be called on a full screen change event. It has one argument - a boolean indicating whether we are in full screen or not.
fullscreenClassa stringThis is the CSS class that will be added to elements in fullscreen mode. The default class is "fullScreen".

After the plugin makes your element full screen, it will add the fullScreen class on it (unless overridden with the fullscreenClass parameter), so you can easily style it.

Example

// 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//    // ...//  }// });});}

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:jquery全屏模式插件-创新互联
文章转载:http://ybzwz.com/article/dhpgdo.html