amaze ui使用教程,amaze框架

　　相比《【Ratchet】模态框》(点击打开链接)，AmazeUI的模态框更接近于一个alert()，不适合承载太多内容。不过它的优点是可以用JS控制，棘轮只能用超链接A tab打开。

　　AmazeUI的模态框效果如下：

　　就像某些手机浏览器处理alert()一样。实际代码如下：

　　！-用HTML5开发-！doctype html html class= no-js html head meta http-equiv= Content-Type Content= text/html；charset=utf-8 meta http-equiv= X-UA-Compatible content= IE=edge ！-自动适应移动屏幕-meta name= viewport content= width=device-width，initial-scale=1，maximum-scale=1，user-scalable=no ！-优先使用webkit内核渲染-meta name= renderer content= WebKit ！-不要被百度转码-meta http-equiv= cache-control content= no-site app /！-以下是要引入amazeui的资源-link rel= style sheet href= assets/CSS/amaz uimin . CSS link rel= style sheet href= assets/CSS/app . CSS ！-介绍js的时候要注意。必须先介绍jQuery，再介绍amazeui，因为这个框架是基于jQuery-script src= assets/js/jQuery . min . js /script src= assets/js/amaz ueui . min . js /script title modal/title/Head Button class= am-btnam-BTN-primary o nclick= open modal()打开模式框/按钮Div class= am-modal am-modal-alert tabindex=-1 id= my-alert modal()；}/script注意到这个id为my-alert的模态框是由按钮的onclick事件触发的openModal()函数触发的。

　　JS只有一行代码来打开模式框。在获得模式盒的id后，它通过modal()方法打开它。

　　关于Amazie UI中模态框实现的这篇文章到此为止。关于Amazie UI中模态框的更多信息，请搜索以前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。