设为首页收藏本站
天天打卡

 找回密码
 立即注册
搜索
查看: 102|回复: 12

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

[复制链接]

1

主题

47

回帖

117

积分

注册会员

积分
117
发表于 2024-4-20 10:33:31 | 显示全部楼层 |阅读模式
无论是点击图片还是按钮来显示全屏,具体代码如下:
点击按钮:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title></title>
  6.   <script type="text/javascript" src="js/jquery.min.js"></script>
  7.   <script type="text/javascript" src="js/amazeui.legacy.js"></script>
  8.   <script type="text/javascript" src="js/amazeui.js"></script>
  9.   <script type="text/javascript" src="js/amazeui.widgets.helper.js"></script>
  10.   <script type="text/javascript" src="js/app.js"></script>
  11.   <script type="text/javascript" src="js/handlebars.min.js"></script>
  12.   <script type="text/javascript" src="js/polyfill/rem.min.js"></script>
  13.   <script type="text/javascript" src="js/polyfill/respond.min.js"></script>
  14.   <link rel="stylesheet" href="css/amazeui.css" />
  15.   <link rel="stylesheet" href="css/bootstrap.css" />
  16.   <link rel="stylesheet" href="css/admin.css" />
  17.   <link rel="stylesheet" href="css/amazeui.flat.css" />
  18.   <link rel="stylesheet" href="css/app.css" />
  19.   <script type="text/javascript">
  20.    $(function(){
  21.     $('#demo-full-page').on('click',function(){
  22.      if($.AMUI.fullscreen.enabled){
  23.       $.AMUI.fullscreen.request();
  24.      }else{
  25.       //Ignore or do something else
  26.      }
  27.     })
  28.    });
  29.   </script>
  30. </head>
  31. <body>
  32.   <button id="demo-full-page" class="am-btn am-btn-primary">Fullscreen the page</button>
  33. </body>
  34. </html>
复制代码
类似可以用于任何元素,也能达到这种效果。
AmazeUI却是用起来挺方便快捷的。
到此这篇关于AmazeUI 点击元素显示全屏的实现的文章就介绍到这了,更多相关AmazeUI 点击元素显示全屏内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

1

主题

49

回帖

120

积分

注册会员

积分
120
发表于 2024-5-4 19:23:49 | 显示全部楼层
我们一起努力,共同解决问题吧。

1

主题

43

回帖

127

积分

注册会员

积分
127

热心会员付费会员

发表于 2024-5-16 07:45:54 | 显示全部楼层
非常感谢你的观点,让我受益良多!

4

主题

36

回帖

158

积分

注册会员

积分
158
发表于 2024-5-29 23:53:28 | 显示全部楼层
谢谢你分享这个信息

2

主题

52

回帖

150

积分

注册会员

积分
150
发表于 2024-6-17 07:36:47 | 显示全部楼层
这个话题真是有趣,我也对它感兴趣。

2

主题

57

回帖

159

积分

注册会员

积分
159
发表于 2024-7-7 03:23:47 | 显示全部楼层
太棒了!感谢分享这个信息!

0

主题

38

回帖

75

积分

注册会员

积分
75
发表于 2024-8-12 07:42:40 | 显示全部楼层
同意!

0

主题

44

回帖

87

积分

注册会员

积分
87
发表于 2024-10-9 10:26:41 | 显示全部楼层
谢谢你的提醒,我会注意的。

0

主题

58

回帖

115

积分

注册会员

积分
115
发表于 2024-10-12 16:24:15 | 显示全部楼层
同意你的观点,我们有共鸣。

0

主题

39

回帖

79

积分

注册会员

积分
79
发表于 2024-10-17 18:02:06 | 显示全部楼层
666666666666666666
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|爱云论坛 - d.taiji888.cn - 技术学习 免费资源分享 ( 蜀ICP备2022010826号 )|天天打卡

GMT+8, 2024-11-15 05:22 , Processed in 0.083155 second(s), 28 queries .

Powered by i云网络 Licensed

© 2023-2028 正版授权

快速回复 返回顶部 返回列表