jquery全屏模式插件-创新互联
项目地址:https://github.com/martinaglv/jQuery-FullScreen
成都创新互联公司是一家专注于网站设计制作、成都网站制作与策划设计,内丘网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:内丘等地区。内丘做网站价格咨询:18982081108How 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:
Property | Value | Meaning |
---|---|---|
background | a color hash | This is the color that will be used for the background. |
callback | a function | The 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. |
fullscreenClass | a string | This 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全屏模式插件-创新互联
URL网址:http://ybzwz.com/article/dhpgdo.html