php 弹出 layui,layui弹出层

摘要:html>

.header span{background: #009688;color: #fff;padding: 10px;margin-left: 30px;line-height: 37px;}

.header button{float: right;}

.header {border-bottom: 2px #009688 solid;}

管理员列表

添加

ID用户名性别城市签名积分职业财富

贤心汉族1989-10-14人生似修行贤心汉族1989-10-14

默认按钮

编辑

按钮

取消

张爱玲汉族1920-09-30于千万人之中贤心汉族1989-10-14人生似修行Helen Keller拉丁美裔1880-06-27 Life is either 贤心汉族1989-10-14人生似修行岳飞汉族1103-北宋崇宁二年也抹不去“民族英雄”的事实贤心汉族1989-10-14人生似修行孟子华夏族(汉族)公元前-372年猿强,则国强。国强贤心汉族1989-10-14人生似修行

layui.use(['layer'], function(){

var element = layui.element;

var layer = layui.layer;

});

function del(){

layer.confirm('确定要删除吗?', {

icon:2,  // 0到6

btn: ['确定', '取消'] //可以无限个按钮

}, function(index, layero){

//按钮【按钮一】的回调

}, function(index){

//按钮【按钮二】的回调

});

}

function add(){

layer.open({

type: 2,

title:'添加管理员',

area:['480px','420px'],

content: 'add.html'

});

}

html>

用户名

真实姓名

管理

选择框

北京

上海

状态

保存

layui.use('form', function(){

var form = layui.form;

});

批改老师:天蓬老师批改时间:2019-06-29 13:10:37

老师总结:其实, layui最早被大家知道的就是它的弹层, 第一次用得时候, 会觉得很神奇... 它的弹层就是layer

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
美化PHP提示框可以通过使用CSS样式和JavaScript脚本来实现。以下是一个简单的方法: 首先,创建一个HTML文档,并包含一个按钮,用于触发提示框。在按钮上添加一个JavaScript函数的点击事件,例如: ```html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body> <button onclick="showAlert()">点击提示框</button> </body> </html> ``` 然后,创建一个CSS样式表(style.css),用于美化提示框的外观,例如: ```css .alert { width: 200px; height: 100px; background-color: #f2f2f2; border: 1px solid #ccc; border-radius: 5px; text-align: center; line-height: 100px; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ``` 接下来,创建一个JavaScript文件(script.js),编写showAlert函数,用于提示框,例如: ```javascript function showAlert() { var alertDiv = document.createElement("div"); alertDiv.className = "alert"; alertDiv.innerHTML = "这是一个美化的提示框!"; document.body.appendChild(alertDiv); setTimeout(function(){ alertDiv.remove(); }, 2000); } ``` 在函数中,我们首先创建一个新的div元素,并设置其class为"alert",然后将提示框的内容设置为"这是一个美化的提示框!"。接着,将该div元素添加到文档的body元素中。setTimeout函数用于在指定时间后移除该提示框。 最后,在同一目录下创建一个空的style.css和script.js文件,然后将以上代码粘贴到相应的文件中。运行HTML文件,点击按钮就能够看到一个美化的提示框现在屏幕上,提示框会在2秒后自动关闭。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值