abstract:<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type='text/css' href='css/layui.css'> <script type="text/javasc
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type='text/css' href='css/layui.css'>
<script type="text/javascript" src='js/layui.js'></script>
</head>
<body>
<div style="padding:10px;border-bottom:2px solid blue;line-height:30px">
<span>明星統(tǒng)計(jì)表</span>
<button class="layui-btn layui-btn-primary layui-btn-sm" style="float:right;">添加</button>
</div>
<table class="layui-table" >
<thead>
<tr>
<th >姓名</th>
<th >民族</th>
<th >性別</th>
<th >出生</th>
<th >籍貫</th>
<th >城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>劉德華</td>
<td>漢族</td>
<td>男</td>
<td>2018</td>
<td>福建</td>
<td>福州</td>
<td>
<a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>
</td>
</tr>
<tr>
<td>劉德華</td>
<td>漢族</td>
<td>男</td>
<td>2018</td>
<td>福建</td>
<td>福州</td>
<td>
<a class="layui-btn layui-btn-xs" lay-event="edit">編輯</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>
</td>
</tr>
<tr>
<td>劉德華</td>
<td>漢族</td>
<td>男</td>
<td>2018</td>
<td>福建</td>
<td>福州</td>
<td>
<spam onclick="add()"><a class="layui-btn layui-btn-xs" lay-event="edit" >編輯</a></spam>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">刪除</a>
</td>
</tr>
<tr>
</tbody>
</table>
<script type="text/javascript">
function add(){
layer.open({
type: 2,
title:'添加管理員' ,
area:['480px','500px'],
content: '彈出內(nèi)容.html' //這里content是一個(gè)普通的String
});
}
Correcting teacher:韋小寶Correction time:2018-12-05 09:26:56
Teacher's summary:寫的還可以!課后記得要多練習(xí)!掌握layui的彈出事件再去看layui其他的組件就都不會(huì)太難了!