资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery全屏模式插件

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

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的望都网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

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

You can then apply additional styles to your element. Take the opportunity to increase the font size, hide distractions and make for a better reading experience.

#content.fullScreen{/* Give the element a width and margin:0 auto; to center it. */}

If you later wish to cancel the full screen view, you can do so by calling the fullScreen() method again.


附件:http://down.51cto.com/data/2363379

当前标题:jquery全屏模式插件
文章位置:http://cdkjz.cn/article/jphgih.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220