摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>功夫明星統(tǒng)計表</title><link rel="stylesheet" href="../課件及源碼/MI/layui/css/layui.css"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>功夫明星統(tǒng)計表</title>
<link rel="stylesheet" href="../課件及源碼/MI/layui/css/layui.css">
<script type="text/javascript" src="../課件及源碼/MI/layui/layui.js"></script>
<style>
body{padding: 10px;}
.header span{background: #009688; padding: 8px; color: #fff;margin-left: 30px; line-height: 30px;}
.header button{float: right;}
.header{border-bottom: 2px solid #009688;}
</style>
</head>
<body>
<div>
<span>功夫明星統(tǒng)計表</span>
<button class="layui-btn layui-btn-sm" onclick="add()">添加</button>
</div>
<table>
<!-- <colgroup>
<col width="150">
<col width="150">
<col width="200">
<col>
</colgroup> -->
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>職業(yè)</th>
<th>類別</th>
<th>積分</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>周杰倫</td>
<td>男</td>
<td>歌手</td>
<td>流行歌手</td>
<td>100</td>
<td><button class="layui-btn layui-btn-xs">編輯</button><button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button></td>
</tr>
<tr>
<td>周星馳</td>
<td>男</td>
<td>演員</td>
<td>戲劇演員</td>
<td>100</td>
<td><button class="layui-btn layui-btn-xs">編輯</button><button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button></td>
</tr>
<tr>
<td>劉德華</td>
<td>男</td>
<td>歌手/演員</td>
<td>四大天王</td>
<td>100</td>
<td><button class="layui-btn layui-btn-xs">編輯</button><button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button></td>
</tr>
<tr>
<td>岳云鵬</td>
<td>男</td>
<td>演員</td>
<td>喜劇演員</td>
<td>100</td>
<td><button class="layui-btn layui-btn-xs">編輯</button><button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button></td>
</tr>
<tr>
<td>岳云鵬</td>
<td>男</td>
<td>演員</td>
<td>喜劇演員</td>
<td>100</td>
<td><button class="layui-btn layui-btn-xs">編輯</button><button class="layui-btn layui-btn-danger layui-btn-xs" onclick="del()">刪除</button></td>
</tr>
</tbody>
</table>
</body>
<script type="text/javascript">
layui.use(['layer'],function(){
layer = layui.layer;
$ = layui.jquery;
});function add(){
layer.confirm('確定要退出么？', {
icon:1,
btn: ['確定', '取消'] //可以無限個按鈕
}, function(index, layero){
//按鈕【按鈕一】的回調(diào)
}, function(index){
//按鈕【按鈕二】的回調(diào)
});
}
function del(){
layer.confirm('確定要刪除么？', {
icon:3,
btn: ['確定', '取消'] //可以無限個按鈕
}, function(index, layero){
//按鈕【按鈕一】的回調(diào)
}, function(index){
//按鈕【按鈕二】的回調(diào)
});
}
</script>
</html>
批改老師：天蓬老師批改時間：2018-12-13 08:57:28
老師總結(jié)：成長,總是在不斷的bug修改和排查中, 不著急,慢慢來