jquery.fullscreen.js jQuery全屏插件

          jquery.fullscreen.js是一款基于jQuery的全屏幕插件，能够让您的网页像按下f11一样全屏显示，更加强大的是，它不仅能让您的整个网页全屏显示，也可以指定某个容器，当全屏时，只显示这个容器里面的内容。
1、布局html：

<div id="content">
    <a href="javascript:;" id="fsButton">点击切换全屏</a>
    <div class="wrapper">
      //这里放需要全屏的内容
    </div>
</div>

2、可以加点样式，和平时布局一样：

#content,#content.fullScreen{
	margin: 0 auto;
	font: 17px serif;
	background: #fff;
}
#fsButton{display:inline-block; padding:10px 15px; background:#232033; color:#2FC9F9; margin:15px;}

3、引入相关js：

<script src="http://www.5imoban.net/tpl/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.fullscreen.js"></script>

4、调用：

$("#fsButton").click(function(e){
	$("#content").fullScreen();
});

    注意：这里调用fullScreen方法的是“#content”容器，这个容器之外的内容，在全屏时，不会被显示出来。如果您希望全屏的时候，整个网页都能显示出来，则调用 fullScreen 的容器可以设置成 body 等。