layui弹出框的使用

 时间:2024-11-12 14:07:12

1、<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>开始使用layui</title> <script src="js/jquery-1.9.1.min.js"></script>

layui弹出框的使用

3、弹出提示消息,<script>layui.use('layer',function(){ layer.msg('不开心。。', {icon: 5});})</script>直接layer.msg即可弹出,icon为layui自带的图标

layui弹出框的使用

5、area:['1024px','80%'],shade: false,moveType: 1,content:'index2.html'})layer.msg('不开心。。', {icon: 5});})</script></body></html>弹出页面为另外一个页面

layui弹出框的使用

7、你也可以定义更多按钮,比如:btn: ['按钮1', '按钮2', '按钮3', …],按钮1的回调是yes,而从按钮2开始,则回调为btn2: function(){},以此类推。

8、area参数说明:layer是宽高都自适应的,但当你只想定义宽度时,你可以area: '500px',高度仍然是自适应的。当你宽高都要定义时,你可以area: ['500px', '300px']

layui弹出框的使用
  • DHCP服务器如何更改IPv4超级作用域名称
  • shell编程规范及注意事项
  • 创建逻辑卷方法
  • 怎么把Genymotion设置为中文 不是中文怎么办
  • C# 编写简单欢迎程序
  • 热门搜索
    上古卷轴5代码怎么用 压实度检测方法 干鳗鱼怎么做好吃 龙口粉丝怎么做好吃 怎么旋转视频 门楼图片大全 莲藕怎么做好吃 分析方法 工厂方法模式 绕口令大全