AmazeUI 点击元素显示全屏的实现

无论是点击图片还是按钮来显示全屏，具体代码如下：

点击按钮：

!DOCTYPE htML>
    html>
     head>
      meta charset="utf-8">
      tITle>
    /title>
      script type="text/javascript" src="js/jquery.min.js">
    /script>
      script type="text/javascript" src="js/amazeui.legacy.js">
    /script>
      script type="text/javascript" src="js/amazeui.js">
    /script>
      script type="text/javascript" src="js/amazeui.widgets.helper.js">
    /script>
      script type="text/javascript" src="js/app.js">
    /script>
      script type="text/javascript" src="js/handlebars.min.js">
    /script>
      script type="text/javascript" src="js/polyfill/rem.min.js">
    /script>
      script type="text/javascript" src="js/polyfill/respond.min.js">
    /script>
      link rel="stylesheet" href="css/amazeui.css" />
      link rel="stylesheet" href="css/bootstrap.css" />
      link rel="stylesheet" href="css/admin.css" />
      link rel="stylesheet" href="css/amazeui.flat.css" />
      link rel="stylesheet" href="css/app.css" />
      script type="text/javascript">
   $(function(){
    $('#demo-full-page').on('click',function(){
     if($.AMUI.fullscreen.enabled){
          $.AMUI.fullscreen.request();
     }
else{
      //Ignore or do something else     }
    }
)   }
    );
      /script>
     /head>
     body>
      button id="demo-full-page" class="am-BTn am-btn-Primary">
    Fullscreen the page/button>
     /body>
    /html>
    

类似可以用于任何元素，也能达到这种效果。
AmazeUI却是用起来挺方便快捷的。

到此这篇关于AmazeUI 点击元素显示全屏的实现的文章就介绍到这了,更多相关AmazeUI 点击元素显示全屏内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！