ui页面动效怎么落地开发(AmazeUI 点击元素显示全屏的实现)
类别:Web前端 浏览量:1208
时间:2021-10-21 07:14:55 ui页面动效怎么落地开发
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 点击元素显示全屏内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- ui小程序布局(AmazeUI 输入框组的示例代码)
- 前端模态框数据(amazeui模态框弹出后立马消失并刷新页面)
- 前端树结构数据很多怎么展示(amazeui树节点自动展开折叠面板并选中第一个树节点的实现)
- appui代码(AmazeUI 图标的示例代码)
- 小程序ui图与移动ui(AmazeUI 缩略图的实现示例)
- 前端轮播图效果(AmazeUI图片轮播效果的示例代码)
- amaze软件(amazeui时间组件的实现示例)
- 前端app开发适配消息栏(AmazeUI 加载进度条的实现示例)
- 小程序推荐ui库(AmazeUI 列表的实现示例)
- ui界面的测试用例(AmazeUI 模态窗口的实现代码)
- 自定义ui组件的三个重要方法(AmazeUI 面板的实现示例)
- amazeui图标(AmazeUI 折叠面板的实现代码)
- 前端app开发适配消息栏(AmazeUI 导航条的实现示例)
- amaze开发者(AmazeUI中各种的导航式菜单与解决方法)
- 前端app开发适配消息栏(amazeui页面校验功能的实现代码)
- app开发自定义导航栏(AmazeUI底部导航栏与分享按钮的示例代码)
- 玩网游居然让人更友善 很难以让人置信(玩网游居然让人更友善)
- 学好汉语拼音,从娃娃绕口令抓起,平时还是要多练 收藏好(从娃娃绕口令抓起)
- 仙女们的私藏鲜法大PK 鲜香切块牛肉(仙女们的私藏鲜法大PK)
- 天热没胃口 这道菜开胃又下饭,2个小技巧新手一学就会(这道菜开胃又下饭)
- 指天椒紫苏爆炒牛肉(指天椒紫苏爆炒牛肉)
- 谷雨前,吃牛羊肉别忘了吃河鲜,除湿还清热,加紫苏一炒特解馋(吃牛羊肉别忘了吃河鲜)
热门推荐
- php添加到数组的用法(详解PHP 7.4 中数组延展操作符语法知识点)
- pyqttreeview控件使用详解(GTK treeview原理及使用方法解析)
- dedecms系统怎么查看(DedeCMS V5.3/V5.5/V5.7 安全设置指南 图文推荐)
- 腾讯云服务器安装需要什么(免费的云服务器怎么申请?腾讯云服务器的申请流程)
- python turtle简易绘图(详解Python使用Plotly绘图工具,绘制甘特图)
- docker自动入门教程(Docker Machine深入详解)
- asp.net中Server.MapPath的使用
- python菜单栏教程(Python3.5实现的三级菜单功能示例)
- dedecms添加代码(dedecms内容页调用栏目链接和栏目名称的方法)
- dedecms后台内链如何制作(dedecms自定义表单增加验证码的方法分享)