jQuery制作Web全屏效果

需要的资源

1.jQuery版本库是必不可少的
2.jQuery FullScreen plugin
如果你下载不方便的话，你可以直接把下面的代码copy到你本地
JQuery FullScreen plugin：

HTML代码

我将所有页面内容放在了“div#content”中，然后里面放了一个“#fsButton”按钮，并且页面其他内容放置在“div.wrapper”中。为什么要放置一个按钮呢？呆会你就明白了。
CSS代码
下面就是要用样式来美化我们的页面了，这里我就不详细贴上代码了，我只是将“div#content”效果设置了一下：

大家可以根据自己所需进行样式的美化。我这里只是强调一点“#content.fullScreen”，给“#content”上另外增加一个不同的样式（不过此处我为了偷懒，我使用的是一样的效果）。

如果您想了解更详细的，可以狠狠的点击Enhance Your Website with the FullScreen API


转载请注明来源：Web前端(W3Cways.com) - Web前端学习之路 » jQuery制作Web全屏效果